首页 > 未分类 > 给按钮加hover样式
200902月18

给按钮加hover样式

admin 未分类 61 次 0 Comments 发表评论

以下写法对于大部分网友来说可能很简单


有一段这样的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语句了!

本文地址:http://jqueryajax.com/jquery-6.html , 转载请保留.

本文目前尚无任何评论.

发表评论

订阅到 Google 订阅到鲜果 订阅到QQ 邮件订阅 订阅到抓虾