| 订阅 | 在线投稿
分享
 
 
 

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

来源:互联网网民  宽屏版  评论
2008-11-25 07:16:42

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

有一段这样的html:

<div>

<a href="#">

<img alt="i am an img" src="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

 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
以下写的可能对于大部分网友来说可能很简单,但是我自己确实是不知道的。 有一段这样的html: <div> <a href="#"> <img alt="i am an img" src="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
󰈣󰈤
 
 
 
>>返回首页<<
 
 热帖排行
 
 
静静地坐在废墟上,四周的荒凉一望无际,忽然觉得,凄凉也很美
©2005- 王朝网络 版权所有