Mozilla 한국 커뮤니티

안녕하세요..
해당 사이트는 여기이구요.

이미지에 마우스가 올라가면 테두리에 2px씩 배경색이 채워지도록 하려고 하는데 불여우에서는 그게 이상하게 나오는데.. 다른 사이트를 뒤지고 해봐도.. 잘 안되네요.

도와주세요..

a{display:block;}

display 속성이 블럭 이라면 제대로 감싸지만 inline일 경우 안됩니다.
그렇다고 block해버릴수도 없고 하니...

사실 CSS로 a:hover 말고도 img:hover도 가능하답니다.

img:hover{border:2px solid #000;}

그런데 익스가 지원못합니다. ㅡㅡ; 에휴~

a{display:block; width: 100px; height: 100px;}

이런식으로 넓이 높이를 잡아버리시면 문제가 없기는 한데
이미지의 크기는 정해져 있지 않으니 잡아버릴수도 없네요.

달리 방법이.... ㅡㅡa

<style type="text/css">
a{float:left; padding: 2px;}
a:hover{background : #000;}
</style>

<a href="#"><img src="test.gif" /></a>

이것을 한번 테스트 해보시겠어요?
float속성을 사용해봤습니다.

이멜로 답변 달리기를 계속 기둘리고 있었다는 -_-;
아무튼. 덕분에 해결되었어요. 너무 감사드려요. ㅜ_ㅜ. 이런 방법이 있군요. 감사합니다.

박민권 wrote:a{display:block; width: 100px; height: 100px;}

width 나 height 대신에 min-width, min-height속성을 쓰면 되지 않을까요?
물론 IE에선 지원이 안되니 CSS핵을 써야 겠(...)