IE6下CSS背景图片有闪动BUG解决 图片缓存
IE6下链接伪类(:hover)CSS背景图片有闪动BUG,主要原因ie会再一次请求这张图片,或者说图片没被缓存。
例如:
CSS代码
a:hover{background:url(imagepath)}
常用的解决方案:
在页面底部添加以下IE6专用代码,让IE6缓存CSS背景图片至本地,这样a:hover时IE6就不会再重新向服务器请求加载背景图片了。
XML/HTML代码
<!–[if IE 6]>
<script type=”text/javascript”>
document.execCommand(”BackgroundImageCache”, false, true);
</script>
<![endif]–>
或者
XML/HTML代码
<!–[if IE 6]>
<script type=text/javascript>
try {
document.execCommand(”BackgroundImageCache”, false, true);
} catch(err) {}
</script>
<![endif]–>
相关文档:
我们先来分析一下块级元素、内联级元素的定义和解析:
块元素(block
element)一般是其他元素的容器元素,块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。
“form"
这个块元素比较特殊,它只能用来容纳其他块元素。
如果没有css的作用,块元素
......
YUI Compressor 是一个用来压缩 JS 和 CSS 文件的工具,采用Java开发。
使用方法:
//压缩JS
java -jar yuicompressor-2.4.2.jar --type js --charset utf-8 -v src.js > packed.js
//压缩CSS
java -jar yuicompressor-2.4.2.jar --type css --charset utf-8 -v src.css > packed.css ......
1. 样式表的简介:样式表由样式规则组成,这些规则告诉浏览器如何显示文档。
根据样式表所在位置,可分为行内样式、内嵌样式表、外部样式表
Ø 样式表的基本语法
1. 样式规则:h2{color:limegreen;}
&n ......
//获取一个特定元素的样式属性
function getStyle(elem,name){
//如果该属性存在于style中 则他最近被设置过
if(elem.style[name]){
return elem.style[name];
}
//否则尝试IE方法
else if(elem.currentStyle){
return elem.currentStyle[name];
//W3C方法
}else if(document.defaultview && document ......