我正在使用基于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]-->