css padding特性适配ie6,ie8,firefox案例详解

2021-03-11 05:51 jianzhan
本文章内容简易的详细介绍1下有关padding适配ie6,ie8,firefox的做法,由于不一样访问器对padding了解不1样,因此在访问时会有点区别。

padding 简写特性在1个申明中设定全部内边距特性。
表明
这个简写特性设定元素全部内边距的宽度,或设定各旁边内边距的宽度。行内非更换元素上设定的内边距不容易危害行高测算;因而,假如1个元素既有内边距又有情况,从视觉效果上看将会会拓宽到别的行,有将会还会与别的內容重合。元素的情况会拓宽穿过内边距。不容许特定负边距值。
注解:不容许应用负值。

事例 1
padding:10px 5px 15px 20px;上内边距是 10px
右内边距是 5px
下内边距是 15px
左内边距是 20px

事例 2
padding:10px 5px 15px;上内边距是 10px
右内边距和左内边距是 5px
下内边距是 15px

事例 3
padding:10px 5px;上内边距和下内边距是 10px
右内边距和左内边距是 5px

事例 4
padding:10px;全部 4 个内边距全是 10px
设如今设定1个padding值,这个值在FF、IE8、IE6中都不1样
最先考虑到的是FF下的值
.test{padding:10px}
接着考虑到IE8下的值
.test{padding:10px;*padding:9px}
最终考虑到IE6下的值
.test{padding:10px;*padding:9px;_padding:8px}
这样便可以了。

做适配性时,最开始考虑到FF、opera这些访问器,最终考虑到IE6。
拿上例来讲,IE8、IE6都可以鉴别*,但FF不可以鉴别。
因此拿*来做IE8的Hack,而_在FF和IE8中都不鉴别,仅有IE6能鉴别,因此用_做IE6的Hack