ie6的padding属性hack
padding属性在ie6下的hack!
在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后的属性!
另外:在ie6下浮动了的容器里使用margin-left或right,数值也是乘2倍增长。解决方
padding属性在ie6下的hack!
在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后的属性!
另外:在ie6下浮动了的容器里使用margin-left或right,数值也是乘2倍增长。解决方
注意:要让文字兼容对齐,最好默认的居左,text-align:left;margin-left:xx px;居中可能各个浏览器不一致,有padding不一致,设为0px。