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);