WEB开发网
开发学院网页设计DivCss CSS笔记-除了a标签外的hover属性的应用 阅读

CSS笔记-除了a标签外的hover属性的应用

 2008-11-24 19:30:10 来源:WEB开发网   
核心提示:以下写的可能对于大部分网友来说可能很简单,但是我自己确实是不知道的,CSS笔记-除了a标签外的hover属性的应用,有一段这样的html:<div> <a href="#"> <img alt="i am an img" src="htt

以下写的可能对于大部分网友来说可能很简单,但是我自己确实是不知道的。
有一段这样的html:

<div>
   <a href="#">
    <img alt="i am an img" src="http://www.cncms.com/img.jpg"/>
   </a>
</div>
一般hover这个CSS伪类对于除a标签外的标签是不起作用的(FF浏览器下可以起作用,IE6下不可以):如下

img:hover{
border:1px solid #000;/*FF下有效果,IE6下没有效果*/
}
这么好的一个伪类真浪费了!!然而实际上是有办法的实现非a标签的hover功能的,如下写:

a:hover img{
border:1px solid #000;/*可以理解为鼠标在其上的a里面的img标签*/
}
^0^很简单就实现了,不用编辑麻烦的JS语句了!

献给热爱CSS的朋友,以上内容为笔者小JOE愚见,转载请著名:作者小JOE 地址:http://xiebiji.com/2008/10/hover

Tags:CSS 笔记 除了

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接