用CSS中A的伪类模拟onclick后图片的切换,失效
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了用CSS中A的伪类模拟onclick后图片的切换,失效相关的知识，希望对你有一定的参考价值。
点击A后，A的背景变成了空白，而不是222.png，为什么？
a.home background:url(111.png) no-repeat;
a.home:link background:url(111.png) no-repeat;
a.home:visited background:url(222.png) no-repeat;
a.home:hover background:url(111.png) no-repeat;
a.home:active background:url(222.gif) no-repeat;
试试这个图片切换
有12345数字一起切换
鼠标点一下数字会变换到另一张图片，不点就会自动换
里面有教程和源码
参考资料：http://www.blueidea.com/common/shoutbox/redir.asp?5=g&id=10895
参考技术A 应该是图片路径不对？css中的伪类和伪元素
伪类
a:link 未访问的链接
a:visited 浏览之后链接
a:hover 鼠标移动到链接上的表现形式
a:active 选定的连接
元素:facous 鼠标对焦时
元素:first-child 首个子对象
伪元素
元素:first-line 首行
元素: first-letter 首字母
元素:before 在元素前面插入内容
元素:after在元素后面插入内容
以上是关于用CSS中A的伪类模拟onclick后图片的切换,失效的主要内容，如果未能解决你的问题，请参考以下文章