IE6很遗憾还是占比很重的浏览器,但由于布局的方式和其他浏览器不一致,有不一样的效果。为了一些基本的效果上的美观,还是要美化一些的。那么该怎么兼容呢?除了常见的兼容方法,还介绍一些常见的ie6特有的问题。
工具/原料
1
ietester
2
网页编辑器
方法/步骤
1
条件Hack:判断浏览器类型,然后是否渲染该代码效果。具体代码:
2
属性Hack:高版本浏览器在前,低版本的在后覆盖,顺序不能错。*color{for ie7}_color{for ie6}
3
IE6中没有min-height这个属性,可以设定高度“height:auto !important;height:500px;”
4
IE6的3像素Bug,当浮动元素与非浮动元素相邻时,这个3像素的间隙就会出现。解决办法,可以定义非浮动元素高度,使得获得布局。或者给浮动元素添加“_margin-left:3px”
5
IE6的文本溢出,指文字重复出现。可能是因为浮动层之间有注释文字的话,之前那个浮动层的内容文字就有可能遭遇一个“隐形”的复制,但是代码里查看文字可并没有多出来。解决办法有三个:1、删除注释文字;2、设定div的高度;3、不设置浮动。