CSS中的hover问题……

发布网友发布时间：2022-04-06 13:15

共4个回答

热心网友时间：2022-04-06 14:44

没多大问题，只是IE6不支持这样的。
最好把伪类加到img上，如img:hover{}，这样鼠标一到img范围就有变化，加到a上时，只有鼠标到连接文字上时才有变化。

热心网友时间：2022-04-06 16:02

你的问题是设置后鼠标悬停后，无法正常显示hover.jpg吧？
首先背景图片会被img引用的图像遮盖，如果hover.jpg图片比img引用的图片还大的话，就需要添加img的padding撑大img的可视区域，这样就能看到没被img遮盖到的hover.jpg图片。

热心网友时间：2022-04-06 17:37

有两种方法：
1.将你的三个<a>标签的background设置成相应的图片,去掉<img>，然后
.focus_swf_1 a:hover
{
background:url("hover.jpg") no-repeat;
}

2.用jquery
$("img").hover(function(){
$(this).attr("src","hover.jpg");
})

热心网友时间：2022-04-06 19:28

亲，是你写错了还是贴错了呢？
第一行是.focus_swf_l，第二行你写的不是l是数字1啊