HTML5学习_day10(4)--兼容性个例

兼容性个例

1.并一行的元素，第一个元素没有设置浮动，第二个元素设置了向左浮动。在IE6,7下连两个元素之间会多出3px的空隙。
解决办法：如果一行有一个元素设置了浮动，那么给ital元素都设置浮动就可以消除空隙。

2.并列一行元素，第一个元素没有设置浮动，第二个元素向右浮动，那么在IE6,7下，第二个元素会折行显示。

3.块属性标签设置浮动，并且有水平方向的margin值，水平方向的margin值会加倍
解决办法：在块级元素样式中加display:inline;

4.li无浮动,li里面元素设置浮动，在IE6,7下li下就会多出3px的空隙
解决办法：li加一个浮动或者给li设置一个水平对齐
vertical-align:top;

5.在IE6,7下图片下有间隙
解决办法：给图片设置一个水平对齐vertical-align:top;

6.在ie6下不支持固定定位(fixed)

7.在IE6下面border:red 1px dotted;不支持

8.在IE6下面当父级元素有边框时，子级元素的margin值会消失（不起作用）

9.在IE6下面的png半透明图片在IE6下不起作用解决办法：采用专属IE6的JS插件
DD_belatedPNG.JS

10.在IE6下面的!important失效