文章/答案/技术大牛

发布

社区首页 >问答首页 >悬停时锚固单元内容的变化

问悬停时锚固单元内容的变化
EN

Stack Overflow用户

提问于 2016-03-29 02:31:49

回答 1查看 512关注 0票数 1

我的锚标签里有一个图像标签

<a href="#"><img src="a.png">My Link</img></a>

是否有可能，当悬停我的锚标签时，图像可以切换到b.png，但在不悬停后返回到a.png？

到目前为止，我正在尝试的是

<img onMouseOver="b.png">

但问题是，在悬停锚标签后，它不会变回。

回答已采纳

发布于 2016-03-29 02:45:11

试试这个方法：

img:last-child          { display: none;  }
a:hover img:last-child  { display: block; }
a:hover img:first-child { display: none;  }

<a href="#">
  <img src="http://dummyimage.com/200x200/000/fff">
  <img src="http://dummyimage.com/200x200/f00/fff">
</a>

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36274374

复制

相似问题

问悬停时锚固单元内容的变化EN