终结IE6下背景图片闪烁问题
作者：cncxz 来源：cncxz博客 发布时间：2009-03-04 10:11:00
标签：闪烁,背景,图片,ie6,脚本
a {}{
background:url(images/normal.gif);
}
a:hover {}{
background:url(images/hover.gif);
}
如果为超级链接定义上述的css样式以实现鼠标悬浮时的动态效果，在firefox下是没有什么问题的，第一次加载之后，浏览器都会从缓存读取背景图片；而IE6在这里有一个bug，它每次都从服务器端读取背景图片，结果就是，若服务器反应较慢hover效果就会出现短暂的空白，令人极度不爽。
一直以来都是通过“两张背景图片合并、background-postion控制位置”的方式解决问题的，效果差强人意。今天无意中从一个老外的网站上发现了一个比较妥善的解决方案，具体来说就是在页面中加入一段简单的javascript脚本，告诉ie6：本地有背景图片的话就不要麻烦服务器了。
document.execCommand("BackgroundImageCache",false,true);
关于这段脚本的放置方式有两种：
1.纯css方式，在css中加入如下代码
html {}{
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
2.随便在页面中哪个位置（head、body或者onload）调用上面提及的脚本，例如：
<script type="text/javascript">
document.execCommand("BackgroundImageCache", false, true);
</script>
鉴于expression严重影响浏览器效率，建议采用第二种方式。
最后，总结完整方案：普通、hover状态对应的图片合并成一张，css中通过background-postion控制其位置，页面中加入从缓存读取背景图片的javascript脚本。
英文地址 http://evil.che.lu/2006/9/25/no-more-ie6-background-flicker
0
投稿猜你喜欢
- 在大型商业应用中，数据的异地容灾备份十分重要，也必不可少。笔者根据自己的实践经验，设计了一套简洁地实现异地数据自动备份的方法，可供数据库管理
在Google Chrome浏览器出来之前，我一直使用FireFox，因为FireFox的插件非常丰富，更因为FireFox有强大的Fire- 几个月来好像就现在暂时无需求，稍微轻松一下，然后在Q群中发现有人提问，怎么用CSS实现数学公式“四又二分之一”。对于这个公式个人
- 首先来看，ASP读取ACCESS数据库。代码如下:<％ @language="VBScript"&nbs
- 在查看MySQL对文件的操作中，它在不同的操作系统上对文件的操作，除了使用标准C运行库函数，包括open、close、seek等，在Win3
- 大家可能经常会遇到这种情况：sql="select * from table"set rs=conn.execute(s
- 一个不错的网页拾色器也叫调色版，请看截图：当想要更多颜色时点击“其它颜色...”此时将调用系统自带的那个颜色选择框：注意：只有把〈scrip
- 1.1.1 摘要 相信大家对于SQL Transcation再熟悉不过，它确保了数据库的数据一致性和安全性，尤其在对数据执行增删时，如果发生
- asp按关键字查询XML的问题 '-------------------------------------------------
- 由于众所周知的原因，ACCESS在大型站点应用中都靠不上边，主要问题就是数据量大了以后几乎无法索引。当ACCESS里数据过万后，明显可以感觉
- 将转储设备加入到SQL Server备份数据库的地方。在SEM中转储设备是可见性的，并且在设备上的信息被存储在主要数据库的sysdevice
- 这次哀悼，网页设计方面除了应用CSS灰度配色和滤镜，还用到正计时代码，就象汶川大地震已过去了多少天。下面这段代码，是从网易页面提取出来的，具
- 尽管人们期望在屏幕上有些改变，但是CSS和HTML对页面中的交互能做的实在太少了，而那些还需要用代码来实现。比如一个链接要么是这个颜色，要么
- 就在刚才，我给GMAIL安装了Twitter插件。安装完插件后，Gmail提示我要连接Twitter的账号才能使用：我顺着提示操作下去，就看
- 在电子产品的设计中，大家经常提到简洁是设计的重要元素。可是很多产品，不见得简洁就是第一要素。简洁的设计，必须是在对用户需求透彻理解，引导用户
- 返回首页的链接地址，有三种方法：1、一般方法是，直接写对应的域名地址，<a href="http://www.zfnn.co
- 学习WEB标准的朋友一般都是从学习CSS开始，为什么呢？因为CSS是一种很有意思的语言，它能让我们的网页千变万化。也许我们一开始的接触只是因
- 导航是网页设计的重点，我们在设计一个网站的时候，常常从导航入手，不夸张的说，导航的设计甚至决定了整个网站的风格。这就需要我们平常多留心收集优
- 代码如下: <％ dim fso,objFolder,objFiles dim filelist Set fso=Server.Cre
- 大家都知道系统存储过程是无法用工具导出的（大家可以试试 >任务>生成SQL脚本） 因为系统存储过程一般是不让开发人员修改的。 需
