`
李俊良
  • 浏览: 145149 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

BackgroundImageCache的使用BUG发现

阅读更多

做web前端的同志们可以看看,特别是做英文站,中文我没有测试

请看下面这一段代码

_filter: expression(document.execCommand("BackgroundImageCache", false, true));

 我加了下划线,目前只让它在IE6下生效

为什么要这么做呢

如果不加下划线,让所有的IE都认这句css表达式的话

会让文字字体出现不兼容性问题

看下图



 仔细看这个图片可以发现,下面的小文字RX里面的X特别明显,很有多锯齿(在IE7和IE8下面)

 

 如果屏幕这个表达式在IE7和IE8下的呈现

 

图片就是这样


下面的RX里面的X看起来就正常了

 

具体原因不明,但是能够确认的是,最好不要使用这种表达式,特别是这种图片cache的,会将文字也改变

 

具体网站地址你们可以进行调试看下

http://www.sharkcoupon.com/m.php?name=sempage2&mo_catid=533

 

有什么新的发现希望能交流下。

 

  • 描述: error
  • 大小: 10.8 KB
  • 大小: 16.2 KB
1
0
分享到:
评论

相关推荐

    IE图片缓存document.execCommand("BackgroundImageCache",false,true)

    为了解决这个问题,Erik发现了一个简单的方法,利用`document.execCommand`这个命令,结合特定的参数,可以强制IE6缓存背景图片。具体代码如下: ```javascript document.execCommand("BackgroundImageCache", ...

    IE6图片加载的一个BUG解决方法

    这段代码会调用document.execCommand方法,并使用'BackgroundImageCache'命令来告诉浏览器缓存背景图片。这样当背景图片被CSS定位后,浏览器会从缓存中读取图片而不是每次都发起新的请求。 在给定的文件中,提到的...

    链接伪类(:hover)CSS背景图片有闪动BUG的解决方法

    其中,链接伪类(:hover)CSS背景图片出现的闪动BUG就是较为典型的一个问题。 链接伪类(:hover)是指当鼠标悬停在链接元素上时,可以应用的CSS样式规则。通常用来增加用户交互的视觉效果,使得链接在被悬停时显示...

    IE图片缓存document.execCommand(BackgroundImageCache,false,true)

    Pixy方法受到IE的cache bug影响会闪烁。其实并没有说清楚这个问题,但其实该bug是有条件的,即IE的cache设置为Every...此外有人发现了一个未公开的方法来让IE对背景图进行缓存: document.execCommand(“BackgroundImag

    IE6兼容性问题及IE6常见bug详细汇总

    **背景闪烁**:IE6下的背景图在`hover`时可能会闪烁,可以通过JavaScript命令`document.execCommand("BackgroundImageCache", false, true)`来缓存背景图,防止闪烁。 总之,解决IE6的兼容性问题需要开发者深入理解...

    mail template

    在Java Mail服务中,我们通常使用JavaMail API来发送邮件。这个API提供了丰富的功能,包括创建、配置、发送邮件以及处理附件等。而FreeMarker则可以用来生成邮件的HTML或纯文本内容,使邮件更具有定制性和交互性。 ...

    div+css 解决ie6兼容问题总汇

    通过JavaScript的`document.execCommand("BackgroundImageCache",false,true);`可以缓存背景图,减少闪烁。 6. **最小高度**:IE6不理解`min-height`属性,可以使用`height:auto !important;height:200px;`的技巧,...

    IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结

    通过JavaScript检测浏览器版本,如果用户使用的是IE6,那么执行`document.execCommand("BackgroundImageCache", false, true)`命令来开启背景图片的缓存。这段代码可以放在HTML的部分,如下所示: ```html if...

    解决IE6兼容问题的十一大技巧

    document.execCommand("BackgroundImageCache", false, true); ``` 6. **最小高度(min-height)**:IE6不支持`min-height`属性,但可以通过CSS hack来解决,如: ```css #container { min-height: 200px; ...

    IE6与CSS样式兼容问题汇总

    document.execCommand("BackgroundImageCache", false, true); ``` 对于**最小高度(min-height)**的支持,IE6并不理解min-height属性,而是将height当作最小高度。解决方法是使用`height:auto !important;`和`...

    文字上下相接 滚动.html js

    try{document.execCommand("BackgroundImageCache", false, true);}catch(e){}; var container = document.getElementById(id), slide = container.getElementsByTagName("li")[0], speed = arguments[1] || ...

    ie兼容问题

    document.execCommand("BackgroundImageCache", false, true); ``` #### 五、最小高度设置 IE6不支持`min-height`属性,但可以通过一些技巧实现类似的效果。例如: ```css #container { min-height: 200px; height...

    IE6下CSS图片缓存问题解决方法

    用一句代码即可搞定: 代码如下: document.execCommand(“BackgroundImageCache”, false, true); 当然为了其它浏览器上能正常通过,需要做下判断后调用,才更安全: 代码如下: if(Browser.isIE6){ try{ document....

    IE6 hack for js 集锦

    具体的代码示例是使用条件注释来检测是否为IE6,如果是,则通过`document.execCommand("BackgroundImageCache", false, true);`命令来强制缓存背景图片。 此外,IE6在使用JavaScript进行页面跳转时,尤其是在a标签...

    ie6下的背景图片缓存

    更受欢迎的方法是使用JavaScript来执行document.execCommand("BackgroundImageCache",false,true),这样可以避免CSS滤镜带来的效率问题。但是,这种方法同样存在兼容性问题,比如在非IE浏览器中执行会出错。因此,...

    CSS HACK收集:关于IE6/FF/google等浏览器hack的方法详细

    可以通过JavaScript的`document.execCommand("BackgroundImageCache",false,true);`来解决这个问题,预先加载图片。 6. **最小高度(min-height)**: IE6不支持min-height属性,但可以使用`height:auto !important;...

    超强的IE背景图片闪烁(抖动)的解决办法

    很多人都遇到过在页面部分操作中IE背景图片重新加载而导致页面闪动的bug,那么如何解决它呢? 在国外某blog上看到一解决办法: 添加如下脚本即可: document.execCommand(“BackgroundImageCache”, false, true) ...

Global site tag (gtag.js) - Google Analytics