이미지 링크 효과 적용시에요.

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
Post Reply
she
Posts: 18
Joined: 2005 05 04 12:54 33
Contact:

이미지 링크 효과 적용시에요.

Post by she »

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

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

도와주세요..
박민권
해커
해커
Posts: 724
Joined: 2005 01 31 22:33 55
Location: 대한민국
Contact:

음...

Post by 박민권 »

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속성을 사용해봤습니다.
she
Posts: 18
Joined: 2005 05 04 12:54 33
Contact:

오.!!!

Post by she »

이멜로 답변 달리기를 계속 기둘리고 있었다는 -_-;
아무튼. 덕분에 해결되었어요. 너무 감사드려요. ㅜ_ㅜ. 이런 방법이 있군요. 감사합니다.
bopy
서포터즈
서포터즈
Posts: 67
Joined: 2004 07 03 23:43 57
Contact:

Re: 음...

Post by bopy »

박민권 wrote:a{display:block; width: 100px; height: 100px;}
width 나 height 대신에 min-width, min-height속성을 쓰면 되지 않을까요?
물론 IE에선 지원이 안되니 CSS핵을 써야 겠(...) :(
Post Reply

Who is online

Users browsing this forum: No registered users and 4 guests