题目看着很绕人,看下截图吧:
博客现在用的模板,当鼠标放到超链接的时候出现如上的效果,但是当鼠标放到有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来发文章把。
转载请注明: 本文《jquery实现a:hover无img子节点时背景》来源于bstaint的博客
没有评论:
发表评论