CSS兼容性_html/css_WEB-ITnose

文档类型的声明

• 在IE6中如果没有书写这个文档说明,就会进入怪异模式解析现象.

解决方法:

• 在文件开头写此说明

横向双倍外边距

• 在IE6中块元素浮动后，会出现横向双倍margin现象

解决方法:

• 在float标签的样式控制中加入display：inline

IE6最小height值19px

• 在IE6中即使设置 height:10px,在IE6中也会是19px

解决方法

• 在CSS中加入overflow:hidden

img外部的border

• 在IE6,7中,img外部有a标签，即img标签有链接时,会产生边框.

解决方法

• 在CSS样式中使用border:none

IE6中的透明度设置

• 设置透明度时,常常使用rgba()和 opacity 来设置,但是,臭蛋蛋不支持.

解决方法

• 在CSS样式中添加 filter:alpha(opacity=50) ,但是此时 opacity的值是1-100的值.

:hover的兼容

• 在IE6中:hover,:link,:visited ,:active 只能给 a标签 使用.并且不支持其他伪类.

解决方法

• 增加 zoom:1的属性

     hello 颜色 world

关于CSS Hack

• _width--只有IE6支持

• *width --IE6,7 支持 ,常用

• +width --IE6,7 支持