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

 我来答
百度网友3cb80af
2017-01-12 · TA获得超过9535个赞
知道大有可为答主
回答量:1.2万
采纳率:83%
帮助的人:3969万
展开全部
<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来实现吧,,网上现成代码很多。。。

涵后侠0o
2017-01-11 · 超过47用户采纳过TA的回答
知道小有建树答主
回答量:154
采纳率:100%
帮助的人:91.6万
展开全部
可以用hover方法控制background
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式