html – IE6中基于CSS sprite的翻转闪烁

概述我正在使用基于CSS的翻转“技巧”,它可以在悬停时切换元素背景图像的背景位置. CSS #welcome #step1 {background: transparent url(../img/mock/homepage_welcome_step1.png) no-repeat scroll left top;}#welcome #step1:hover {background: transp 我正在使用基于CSS的翻转“技巧”,它可以在悬停时切换元素背景图像的背景位置.

CSS

#welcome #step1 {background: transparent url(../img/mock/homepage_welcome_step1.png) no-repeat scroll left top;}#welcome #step1:hover {background: transparent url(../img/mock/homepage_welcome_step1.png) no-repeat scroll right top;}

HTML

<div ID="welcome"><a  ID="step1" href="?page=signup"></a>...</div>

ie6自然会混淆这个简单的事情.我所有的翻车都闪烁着.

鼠标悬停在图像上消失片刻然后移动到过度状态.一个有趣的怪癖,如果我离开页面,然后按BACK按钮,问题似乎消失了！

我认为它与PNG图像文件有关(虽然它们没有任何透明度)或者也许像doc类型一样简单(xhtml过渡)

感谢您的见解.

编辑(已解决)：

Jitendra提供了解决问题的链接.我只是把它添加到头部：

<!--[if IE 6]><style type="text/CSS" >HTML {  filter: Expression(document.execCommand("BackgroundImageCache",false,true));}</style><![endif]-->

解决方法 见这些解决方案 –

http://ajaxian.com/archives/no-more-ie6-background-flicker

http://www.hedgerwow.com/360/bugs/dom-fix-ie6-background-image-flicker.html

总结

以上是内存溢出为你收集整理的html – IE6中基于CSS sprite的翻转闪烁全部内容，希望文章能够帮你解决html – IE6中基于CSS sprite的翻转闪烁所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。