兼容性问题(常见的浏览器兼容性解决方案)
常见的浏览器兼容性解决方案基于
目前网页中的一些浏览器兼容问题可以通过CSS hack和浏览器Bug修复来解决。其中，CSS Hack指的是为特定浏览器编写冗余代码，是欺骗浏览器的行为，表示有更好的解决方案；浏览器Bug修复是指浏览器本身的Bug，利用CSS自身的属性来修复浏览器显示问题。所以浏览器Bug修复代码是符合W3C标准的。建议可以通过浏览器Bug修复解决的兼容性问题，用这种 *** 解决。
以下是一些常见的浏览器兼容性问题和解决方案。
1.IE有条件注释
在语法上:
1.…:用于声明浏览器版本，其中使用了样式表。
2.@import “test.css “:使用导入样式表。
2.子选择器技巧
html >正文{
背景-图片:URL(BG . png)；
}
在语法上:
Html>body:对于IE6及以下版本，隐藏bg.png。
3.*HTML技巧
*html{
字体大小:14px
}
在语法上:
* html:IE6及以下设置字体大小为14px。
4.！重要的技巧
#nav{
字体大小:18px！重要；
字体大小:14px
}
在语法上:
字体大小:18px！重要提示:对于IE7及以上版本，请将字体大小设置为18px。
Font-size:14px:将IE6及以下版本的字体大小设置为14px。
5.IE6~IE8提示
IE6~IE8的窍门见表。
同时为多个浏览器设置CSS Hack时，一定要注意浏览器版本声明的顺序:高→低，即IE8 → IE7→E6。例如，如果标签中的文本大小在IE6中设置为14px，在IE7中设置为16px，在IE8中设置为18px，而在其他浏览器(如Firefox)中的字体大小设置为12px，则CSS代码如下所示。
P{
字体大小:12px
font-size:18px 0；
*字体大小:16px
_ font-size:14px；
}
Font-size:12px:将所有浏览器的字体大小设置为12px。为所有浏览器设置的样式总是放在之一位。
6.IE6 double 空白边错误修复
#nav{
浮动:左；
边距:10px
显示:内嵌；
}
生成条件:对于一个元素，同时设置了float属性和margin属性。
解决方案:添加显示:内嵌；。
7.清除浮动错误修复
#父亲{
宽度:100%；/*宽度值可以是固定的宽度值*/
溢出:隐藏；
}
生成条件:父元素未设置为float，而子元素设置为float。
显示效果:父元素高度不展开，收缩成一条，子元素从容器溢出。
解决方案:为父元素设置width: width值；和溢出:隐藏；；。
