终结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
投稿猜你喜欢
该语言中缩进是其精髓，通过缩进可以表示函数、循环等程序结构的范围。有时写完程序后，发现所有程序需要放入函数def中，这时就需要对一整块程序同- 如何动态添加单元格!! 用insertRow()和insertCell()方法 其用法如下: insertRow() v
- 目录一、Python字典1.什么是字典2.字典的创建方式2.1 通过其他字典创建2.2 通过关键字参数创建2.3 通过键值对的序列创建2.4
- 需要引用vue-resource安装请参考https://github.com/pagekit/vue-resource官方文档在入口函数中
- 三天前，你说下面的图是 PS 的，我信。而今天，这的的确确是张截图 -- 是的，这已经 不是梦想，是现实 -- 但实现梦想的不是微软，是 G
- 本文主要给大家介绍了关于Zabbix 2.4.5自带MySQL监控配置使用的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：一、
- Environs是解析环境变量的Python库。它的开发受envparse启发，底层使用marshmallow验证并序列化值。在运行一个项目
- 我就废话不多说了，还是直接上代码吧！import osimport xml.dom.minidomimport cv2 as cvImgPa
- 用pandas中的DataFrame时选取行或列：import numpy as npimport pandas as pdfrom pan
- 本文以YOLOv5-6.1版本为例一、Add1.在common.py后加入如下代码# 结合BiFPN 设置可学习参数 学习不同分支的权重#
- 概述用爬虫时，大部分网站都有一定的反爬措施，有些网站会限制每个 IP 的访问速度或访问次数，超出了它的限制你的 IP 就会被封掉。对于访问速
- 一，PHP脚本与动态页面。 PHP脚本是一种服务器端脚本程序，可通过嵌入等方法与HTML文件混合，也可以类，函数封装等形式，以模板的方式对用
- 导语记得很久以前写过一些中国大学MOOC上的视频下载器，不过好像都已经年久失修了。正好最近有需要，所以重新写了一个，顺便上来分享一波，寒假大
- 首先创建一个表Use Test;Create Table TableTest(`ID` mediumint(8) default '
- 一、操作步骤导入：import flask,json实例化：api = flask.Flask(name)定义接口访问路径及访问方式：@ap
- 制作这个播放器的目的是为了将下载下来的mp3文件进行随机或是顺序的播放。选择需要播放的音乐的路径，选择播放方式，经过测试可以完美的播放本地音
- 我们用Select的onchange事件时,常会遇到这样一个问题,那就是连续选相同一项时,不触发onchange事件.select的onch
- PHP session用法其实很简单它可以把用户提交的数据以全局变量形式保存在一个session中并且会生成一个唯一的session_id，
- 在keras中，数据是以张量的形式表示的，不考虑动态特性，仅考虑shape的时候，可以把张量用类似矩阵的方式来理解。例如[[1],[2],[
- 引言如果熟悉使用JDBC来连接数据库的同学一定很清楚连接数据库的代码中一定会有依据Class.forName("com.mysql
