让IE对背景图进行缓存 解决ie6下背景闪动问题document.execCommand("BackgroundImageCache",false,true)
IE的cache设置为Every visit to the page,而不是默认的Automatically。IE6下设置背景图片是不会被真正cache住的.但一般只有开发者才会把cache设置为每次访问检查更新,所以这个bug不会影响到真正的用户。
--------------------------------------------------
<body onload="document.execCommand('BackgroundImageCache',false,true)">
上面是网页版QQ http://qun.qq.com/air/ 的代码
-------------------------------------------------
var isIE = ua.indexOf("msie") > -1, isIE7 = ua.indexOf("msie 7") > -1;
// remove css image flicker
if(isIE && !isIE7){
try{
document.execCommand("BackgroundImageCache", false, true);
}catch(e){}
}
上面是EXT的实现
分享到:
相关推荐
为了解决这个问题,Erik发现了一个简单的方法,利用`document.execCommand`这个命令,结合特定的参数,可以强制IE6缓存背景图片。具体代码如下: ```javascript document.execCommand("BackgroundImageCache", ...
### document.execCommand()详解 `document.execCommand()`是HTML文档对象模型(DOM)中的一个方法,用于执行浏览器的编辑命令,这些命令可以控制文本样式、布局、剪贴板操作等。此方法在早期的Web开发中被广泛使用...
《document.execCommand()解析》 在前端开发中,我们经常需要与用户进行交互,比如编辑文本、复制粘贴等操作。这些操作在浏览器环境中可以通过`document.execCommand()`方法实现。这个函数是HTML5引入的一个非常...
传统的做法是使用`document.execCommand('saveAs')`方法,但这个方法在某些现代浏览器中已被废弃,因此需要寻找替代方案。本篇文章将详细探讨如何在不依赖`execCommand('saveAs')`的情况下,实现HTML内容直接下载到...
Pixy方法受到IE的cache bug影响会闪烁。其实并没有说清楚这个问题,但其实该bug是有条件的,即IE的cache设置为Every...此外有人发现了一个未公开的方法来让IE对背景图进行缓存: document.execCommand(“BackgroundImag
document.execCommand("BackgroundImageCache", false, true); ``` 6. **最小高度(min-height)**:IE6不支持`min-height`属性,但可以通过CSS hack来解决,如: ```css #container { min-height: 200px; ...
在Web前端开发中,`document.execCommand`是一个比较老的、即将被废弃的API,它允许执行一些命令来改变文档内容的外观或行为。在HTML5中,这种方式不再推荐使用,但对于旧版本的浏览器仍有必要了解这些命令的使用...
通过JavaScript检测浏览器版本,如果用户使用的是IE6,那么执行`document.execCommand("BackgroundImageCache", false, true)`命令来开启背景图片的缓存。这段代码可以放在HTML的部分,如下所示: ```html if...
当然为了其它浏览器上能正常通过,需要做下判断后调用,才更安全: 代码如下: if(Browser.isIE6){ try{ document.execCommand(“BackgroundImageCache”, false, true); } catch(e1){} } 平台检测代码可以这样写,...
通过JavaScript的`document.execCommand("BackgroundImageCache",false,true);`可以缓存背景图,减少闪烁。 6. **最小高度**:IE6不理解`min-height`属性,可以使用`height:auto !important;height:200px;`的技巧,...
通过上述方法,可以有效解决IE6浏览器下链接伪类(:hover)CSS背景图片闪动BUG的问题,减少用户在浏览网页时的困扰,同时也减轻服务器的负载,提升网站的整体性能。这种兼容性问题的处理经验对于前端开发者来说非常...
需要注意的是,虽然上述方法可以解决IE6下的背景图片缓存问题,但鉴于IE6已经是一个非常过时的浏览器,微软已经在2016年停止了对该浏览器的支持,因此在现代web开发中,建议鼓励用户升级到更高版本的浏览器以获得更...
document.execCommand("BackgroundImageCache", false, true); ``` #### 五、最小高度设置 IE6不支持`min-height`属性,但可以通过一些技巧实现类似的效果。例如: ```css #container { min-height: 200px; height...
在早期的网页开发过程中,开发者们常常希望实现一些富文本编辑的功能或是对浏览器行为进行控制,例如复制、粘贴、字体设置等操作。IE浏览器(Internet Explorer)提供了一系列的方法来支持这些功能,其中最常用的是`...
* document.all.WebBrowser.ExecWB(6,1):打印 * document.all.WebBrowser.ExecWB(8,1):页面设置 这些操作都是通过调用 WebBrowser 对象的 ExecWB 方法来实现的。 2. 窗口操作类 * window.location.reload():...
`document.execCommand()` 是一个在浏览器的文档对象模型(DOM)中用于执行各种富文本编辑操作的方法。这个方法主要用于在内容可编辑区域(比如 `<contenteditable>` 标签或者富文本编辑器)中进行文本格式化、插入...
case 7: E.document.execCommand('CreateLink',true,'true') break; case 8: if(_Text!='') { var _CText=RemoveHTML(_Text); Ebody.innerHTML=Ebody.innerHTML.replace(_Text,_CText); }else{ if...