首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

解决IE上CSS背景图片闪烁的Bug

2012-10-29 
解决IE下CSS背景图片闪烁的Bug?很多时候我们要给一些按钮或是img设置背景,而为了达到数据与表现样式分离的

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

?

很多时候我们要给一些按钮或是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>

解决IE上CSS背景图片闪烁的Bug解决IE上CSS背景图片闪烁的Bug(function()解决IE上CSS背景图片闪烁的Bug{
解决IE上CSS背景图片闪烁的Bug解决IE上CSS背景图片闪烁的Bug????/**//*Use?Object?Detection?to?detect?IE6*/
解决IE上CSS背景图片闪烁的Bug解决IE上CSS背景图片闪烁的Bug????var??m?=?document.uniqueID?/**//*IE*/
解决IE上CSS背景图片闪烁的Bug解决IE上CSS背景图片闪烁的Bug????&&?document.compatMode??/**//*>=IE6*/
解决IE上CSS背景图片闪烁的Bug解决IE上CSS背景图片闪烁的Bug????&&?!window.XMLHttpRequest?/**//*<=IE6*/
解决IE上CSS背景图片闪烁的Bug????&&?document.execCommand;
解决IE上CSS背景图片闪烁的Bug????
解决IE上CSS背景图片闪烁的Bug解决IE上CSS背景图片闪烁的Bug????try解决IE上CSS背景图片闪烁的Bug{
解决IE上CSS背景图片闪烁的Bug解决IE上CSS背景图片闪烁的Bug????????if(!!m)解决IE上CSS背景图片闪烁的Bug{
解决IE上CSS背景图片闪烁的Bug解决IE上CSS背景图片闪烁的Bug????????????m("BackgroundImageCache",?false,?true)?/**//*?=?IE6?only?*/?
解决IE上CSS背景图片闪烁的Bug????????}
解决IE上CSS背景图片闪烁的Bug????????
解决IE上CSS背景图片闪烁的Bug解决IE上CSS背景图片闪烁的Bug????}catch(oh)解决IE上CSS背景图片闪烁的Bug{};
解决IE上CSS背景图片闪烁的Bug})();

热点排行