[转]解决IE下CSS背景图片闪烁的Bug

[转]解决IE下CSS背景图片闪烁的Bug

<P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 很多时候我们要给一些按钮或是img设置背景，而为了达到数据与表现样式分离的效果，通常背景样式都是在CSS里设定的，但是这个行为在IE会有一个Bug，那就是因为IE默认情况下不缓存背景图片，所以当鼠标在有CSS背景的按钮或是图片上移动时，图片会闪烁甚至鼠标会出现忙的状态，而在FireFox下没有这个问题，为了解决这个问题，有两种解决办法，其一是在CSS中加入如下样式：</P>
<P>html {<BR>&nbsp;&nbsp;&nbsp; filter: expression(document.execCommand(”BackgroundImageCache”, false, true));<BR>}</P>
<P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 但这个可能会使整个页面的加载变得很慢，所以推荐使用JS来修正这个Bug，在页面中的任意位置加入如下代码，即可达到理想中的效果：</P>
<P>&lt;script&gt;<BR>&nbsp;&nbsp;&nbsp; document.execCommand(”BackgroundImageCache”, false, true);<BR>&lt;/script&gt;<BR>&nbsp;</P>
<P>本文出自:&nbsp; <A href="http://hi.baidu.com/joger/blog/item/85a95b43bfd33e129313c6d2.html">http://hi.baidu.com/joger/blog/item/85a95b43bfd33e129313c6d2.html</A></P>