jquery实现a:hover无img子节点时背景

题目看着很绕人,看下截图吧:

博客现在用的模板,当鼠标放到超链接的时候出现如上的效果,但是当鼠标放到有img字节点的a标签上的时候(其实是一张带有超链接的图片)也带有背景,这个问题可以用jquery来解决下面看下解决代码把,具体我也不解释了。

Javascript代码:

$(document).ready(function(){
 $("a:not(:has(img))").addClass("noimg_a");
});

css代码:

a.noimg_a:hover{
 background:none repeat scroll 0 0 #1155CC;
 color:#FFF;
 text-decoration:none;
}

题外话,chrome 19.0.1077.3 dev不知道出什么问题了,上传文件没效果,可能flash插件的问题把,只能等待下一个版本了,暂时先用firefox来发文章把。

没有评论: