如何用CSS实现鼠标移动到某张图片时变成另一张图片

Question

如题所述

Answer 1

<style>
.test{display:block;width:100px;height:100px;background:url(xxx.jpg)}
.test:hover{background:url(yyy.jpg)}
</style>
<a class="test" href="#"></a>

也可以这样做：

a容器，，，b图片一，，，c图片二，，bc都定位在A里

a容器 c图片二{display:none；}

a容器:hover B图片一{display:none；}

a容器:hover c图片二{display:block；}

还有很多很多方法，，，

不过建议直接用JS来实现吧，，网上现成代码很多。。。

Answer 2

可以用hover方法控制background