上次解决了,这次偶然发现padding也有IE6下双倍的问题,只不过是小问题,也记一下吧。
在ie6下使用padding的话,数值乘2倍增长,其他浏览器不会!
只能用!important来调整!
例如在IE6下的x容器样式是这样。
.x{ width : 100px ; height : 100px ; padding : 50px ;} |
在IE7\8,firefox,chrome等主流浏览器中,它的总占据的宽度和高度是200X200,而在IE6中,则是300X300。
要调整兼容性,利用!important关键字!
样式写成
.x{ width : 100px ; height : 100px ; padding : 50px !important ; padding : 25px ;} |
除了IE6以外,其他浏览器都支持!important关键字属性的优先!
注意:要使用!important的话,把优先的属性写前面,就像上面一样!这样在代码读取顺序的时候,除IE6以外的浏览器读取到了!important关键字的属性,后面的相同属性就不再读取,而IE6不支持!important,所以IE6只能读取!important后的属性!