好好学习,认真工作

IE6_一些简单bug

1.IE6调整窗口大小的 Bug

当把body居中放置,改变IE浏览器大小的时候,任何在body里面的相对定位元素都会固定不动了。给body定义position:relative;就行了。

2.避免百分比尺寸
百分比为单位对于IE6来说不怎么友好,容易混淆。除非你知道每一个父元素的尺寸,这样才能更好的避免,但你仍然可以在别的浏览器使用百分比,而在IE6下使用固定值,如:body { margin: 2% 0 !important; margin: 20px 0; }

3.IE6下的100%高度的Bug
在IE6下,如果要给元素定义100%高度,必须要明确定义它的父级元素的高度,如果你需要给元素定义满屏的高度,就得先给html和body定义 height:100%;。

4.背景闪烁问题
如果你给链接、按钮用CSS sprites作为背景,你可能会发现在IE6下会有背景图闪烁的现象。造成这个的原因是由于IE6没有将背景图缓存,每次触发hover的时候都会重新加载,可以用JavaScript设置IE6缓存这些图片:

javascript
document.execCommand("BackgroundImageCache",false,true);

posted on 2015-04-22 15:46  peace_1  阅读(98)  评论(0编辑  收藏  举报