Question

CSS中的hover问题……

这样有什么问题？需要怎么样解决？

<div class="focus_swf">
<div class="focus_swf_l">
<a href=" http://www.dache168.com/index.html" title="图库" target="_self"><img src="无标题 1_files/photo.png"/></a>
<a href="/index.html" title="视频" target="_self"><img src="无标题 1_files/video.png"/></a>
<a href="/index.html" title="专题" target="_self"><img src="无标题 1_files/project.png"/></a>
<a href="/index.html" title="论坛" target="_self"><img src="无标题 1_files/BBS.png"/></a>
</div>

.focus_swf_l a img{margin:4px 0 0;background:url("hover_bg.jpg") no-repeat;}
.focus_swf_1 a:hover img{background:url("hover.jpg") no-repeat;}

Answer 1

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

Answer 2

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

Answer 3

有两种方法：
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");
})

Answer 4

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