微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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: transparent url(../img/mock/homepage_welcome_step1.png) no-repeat scroll right top;}

HTML

<div id="welcome">
<a class="steps" 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]-->

解决方法

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐