ie6下padding属性双倍hack

上次解决了ie6的margin双倍的问题,这次偶然发现padding也有IE6下CSS双倍的问题,只不过是小问题,也记一下吧。

在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后的属性!



本文固定链接: http://20tc.com/ie6-padding-hack.html | TC的博客

该日志由 TC 于2012年05月05日发表在 CSS 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: ie6下padding属性双倍hack | TC的博客
关键字:

ie6下padding属性双倍hack:等您坐沙发呢!

发表评论


*

快捷键:Ctrl+Enter

无觅相关文章插件,快速提升流量