document.execCommand(”BackgroundImageCache”, false, true)

转载于 2013-01-11 08:50:46 发布 · 567 阅读

文章标签：

#filter #Filter

javascript 专栏收录该内容

62 篇文章

订阅专栏

本文介绍了一种使用JS解决IE浏览器中CSS背景图片闪烁的问题的方法，通过在页面中加入特定的JS代码，可以使得背景图片在鼠标移动时不再闪烁，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

很多时候我们要给一些按钮或是img设置背景，而为了达到数据与表现样式分离的效果，通常背景样式都是在CSS里设定的，但是这个行为在IE会有一个Bug，那就是因为 IE默认情况下不缓存背景图片，所以当鼠标在有CSS背景的按钮或是图片上移动时，图片会闪烁甚至鼠标会出现忙的状态，而在FireFox下没有这个问题，为了解决这个问题，有两种解决办法，其一是在CSS中加入如下样式：

html {
filter: expression(document.execCommand(”BackgroundImageCache”, false, true));
}

但这个可能会使整个页面的加载变得很慢，所以推荐使用JS来修正这个Bug，在页面中的任意位置加入如下代码，即可达到理想中的效果：

<script>
document.execCommand(”BackgroundImageCache”, false, true);
</script>

(function(){
    /**//*Use Object Detection to detect IE6*/
    var m = document.uniqueID /**//*IE*/
    && document.compatMode /**//*>=IE6*/
    && !window.XMLHttpRequest /**//*<=IE6*/
    && document.execCommand;
   
    try{
        if(!!m){
            m("BackgroundImageCache", false, true) /**//* = IE6 only */
        }
       
    }catch(oh){};
})();