多语言展示
当前在线:153今日阅读:176今日分享:34

如何兼容IE6浏览器问题

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、不设置浮动。

推荐信息