看看这个小提琴：http://jsfiddle.net/sajYc/
过渡为:after伪元素在 Firefox 中工作，但在基于 webkit 的浏览器中失败。知道这是否会在未来的版本中出现吗？有什么非 jquery 过度杀伤的解决方法吗？
基本上，我在页面上使用它来在背景图像精灵的两种状态之间淡入淡出（而不是像小提琴中那样的两种颜色）。图标的正常状态和悬停状态之间的平滑过渡。所以我不想只是为了让这个动画发挥作用而添加一堆实际元素。
不幸的是，这是 Webkit 浏览器和 IE 中的一个已知问题：
http://css-tricks.com/13555-transitions-and-animations-on-css- generated-content/
然而，图像精灵状态之间的淡入淡出在 jQuery 中是可行的。本教程提供了一个很好的总结：
http://www.tutorial9.net/tutorials/web-tutorials/creative-button-animations-with-sprites-and-jquery-part-2/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
