常见浏览器兼容性问题

2019独角兽企业重金招聘Python工程师标准>>>

1、不同浏览器默认的margin和padding不同

   解决方案：设置CSS全局样式，*{margin: 0; padding: 0;}

2、块属性标签float后，又有横行的margin情况下，在IE6显示margin比设置的大

    解决方案：在float的标签样式控制中加入：display: inline;   将其转化为行业属性。

3、设置较小高度标签（一般小于10px），在IE6、IE7中高度超出自己的设置

    解决方案：给超出高度的标签设置：overflow: hidden; or 设置行高小于设置的高度。

4、行业属性标签，设置display: block; 后用float布局，又有横行margin情况，IE6间距bug

    解决方案：在display: block; 后加：display: inline; display: table;

5、图片默认有间距

    解决方案：使用float为img布局

6、标签最低高度设置min-height不兼容

    解决方案：{min-height: 200px; height: auto !important; height: 200px; overflow: visible}

7、透明度的兼容CSS设置

    解决方案：{

                        filter:alpha(opacity=50);   //IE

                        -moz-opacity:0.5;   

                        -khtml-opacity: 0.5;   

                        opacity: 0.5;

                }

转载于:https://my.oschina.net/u/3026585/blog/1506027