제가 아래에 쓴 내용은 대부분의 네티즌들에게는 아주 간단할 수도 있지만, 나 자신은 사실 잘 모릅니다.
다음과 같은 HTML 조각이 있습니다:
<div>
<a href="#">
<img alt="나는 img입니다" src="img.jpg"/>
</a>
</div>
일반적으로 hover CSS 의사 클래스는 a 태그 이외의 태그에서는 작동하지 않습니다(FF 브라우저에서는 작동하지만 IE6에서는 작동하지 않음).
img:hover{
border:1px solid #000;/*FF에서는 작동하지만 IE6에서는 작동하지 않습니다*/
}
이렇게 좋은 의사 클래스를 사용하는 것은 얼마나 낭비입니까! !
태그
의 호버 기능을 구현하는 방법이 있습니다.
border:1px solid #000;/*마우스가 켜져 있는 a 내부의 img 태그로 이해될 수 있습니다*/
}
^0^ 구현이 매우 간단하며 번거로운 JS 문을 편집할 필요가 없습니다!
CSS를 사랑하는 친구들에게 바치는 내용입니다. 위 내용은 작성자 Xiao JOE의 겸손한 의견입니다. 유명한 작성자: Xiao JOE에게 다시 인쇄해 주세요. 주소: http://xiebiji.com/2008/10/hover