2014-06-09 2 views
0

나는이 이미지를 설정하려고 -오른쪽 하단 피드백 버튼

enter image description here

로 우측 하단에 위치한 "피드백"버튼을 클릭합니다.

나는 (가) 오른쪽 하단의 위치를 ​​위치 -

Here its jsFiddle Demo

그러나 나는 (I없이 이미지 내와 단지 경계를 얻을) 욕망의 표시를하지 않습니다.

문제를 해결하는 방법은 무엇입니까?

업데이트 : 너무 이미지와 우측 하단에 표시 할

.

+0

왜 downvote에 않습니다 ? 여기에 명확하지 않거나 틀린 것은 무엇입니까? – URL87

+0

귀하의 JSfiddle은 아마도 당신이 downvoted 이유는 매우 조잡합니다. 이미지가 나타나지 않고 모든 스타일을 임의의 미디어 쿼리에 넣고 있습니다. –

+1

이 같은가요? http://jsfiddle.net/RdrZe/6/ – Aravona

답변

1

올바르게 배치해야합니다.

하단 오른쪽에 위치 시키려면 위쪽에서 몇 가지 미친 초록에서 위치를 지정하지 말고 수행해야합니다.

#feedback_button { 
    height: 67px; 
    width: 67px; 
    position: fixed; 
    bottom: 0; 
    right: 0; 
} 

JSFiddle

+0

ok ...하지만 첨부 된 이미지는 어떻게됩니까? – URL87

+0

는 바이올린을 업데이트했습니다 : http://jsfiddle.net/MathiasaurusRex/RdrZe/5/ –

1

당신은 widthheight 당신이 배경 이미지없이 내부 컨텐츠를 사용하고 .. 다음과 같이 정의해야합니다

#feedback_button { 
    background: url("http://air-staging-assets.s3.amazonaws.com/assets/feedback_icon.png") 0 0 no-repeat transparent; 
    position: fixed; 
    right: 0; 
    bottom: 0; 
    width:67px; 
    height:67px; 
    } 

http://jsfiddle.net/ChubbyNinja/RdrZe/4/

+0

downvote는 무엇입니까? –

관련 문제