Question

请教一下css中的 a.hover 具体详细写法 我怎么弄都没效果

<style type="text/css">
<!--
.b {
position:absolute;
left:0px;
top:68px;
width:139px;
height:86px;
}

#a1.hover{
background:url(http://img03.taobaocdn.com/imgextra/i3/88920820/T2CVNAXa8aXXXXXXXX_!!88920820.gif);
}
-->
</style>
<div class="b">
<a href="#" class="a1">
<img id="selang_b" src="http://img03.taobaocdn.com/imgextra/i3/88920820/T2.ppAXmJaXXXXXXXX_!!88920820.gif" width="139" height="86" alt="" /></a>
</div>

这个是我弄的 用IE8和FF 怎么都不出效果
我是想在原有这张图的基础上 鼠标指向它之后 变成另外一张图 然后鼠标移开之后又变回来

Answer 1

不大明白你要做什么效果，经过的话，hover前面加的是冒号 :hover, 可是你已经有图片了，加个背景也看不出来

Answer 2

先来说一下你上面的代码错误：
#a1.hover
应为：
.a1:hover
在你上面并没有 “a1”的ID，只有class的，其次是，hover 前是用冒号“:”而不是一点“.”

再来就是实现你说的那效果，在你上面的代码基础上，再加上下面代码即可：
.a1{width:100%;height:100%;}
.a1:hover img{display:none;}

注：请把你上面的：#a1.hover 改成：.a1:hover
虽然是可以实现，但为啥不直接在 a 上放原始图片？而把图片话在 img 上面？

Answer 3

一般是a:hover
加入团队先