更改已访问链接的图像源
更改已访问链接的图像源
提问于 2011-10-22 12:16:22
我有一个包含几个条目的列表。
<ul>
<li>
<a href="http://url" title="The Title">
<img src="/badge-unvisited.png" alt="" border="0" />
</a>
</li>
<!-- etc. -->
</ul>我不想使用jQuery，所以它只需要CSS。当图片被访问时，改变图片的src最好、最简单的方法是什么？
回答 5
Stack Overflow用户
回答已采纳
发布于 2011-10-22 12:21:49
Afaik，你不能仅仅用css来改变图像源。
但您可以将其作为相同大小的背景图像，然后使用:hover类，如下所示
div {
background-image:url(default.jpg);
}
div:visited {
background-image:url(changed.jpg);
}顺便说一句，一个更好的解决方案是使用相同的图像，包括两个状态，并且只更改background-position。这样负载就少了。如果您对更多内容感兴趣，请查找“css精灵”！
Stack Overflow用户
发布于 2011-10-22 12:19:06
当图片被访问时，最好也是最简单的改变图片资源的方法是什么？
没有。图像的src属性超出CSS的范围。
您将不得不改为使用background-image属性。
从理论上讲，你可以有两张图片，一次显示一张，使用display: none在下一张显示另一张，但这非常笨拙，会导致两张图片都被加载。
Stack Overflow用户
发布于 2011-10-22 12:32:59
至少在Webkit和Firefox中，这是不可能的，因为访问链接的样式允许各种攻击场景。
http://blog.mozilla.com/security/2010/03/31/plugging-the-css-history-leak/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7859441
复制
相似问题
确定图像源是否已更改
访问图像源的动态更改
Bootstrap -更改已访问链接的颜色
更改已访问链接的字体粗细
更改已访问链接的文本大小
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
