!important
#box {...}{ width: 770px !important ; width:760px; }
!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权。不过IE家族偏偏都不支持它,这就给了我们可乘之机。上面的代码box在IE中显示的宽度为760px,在非IE浏览器中显示为770px。
IE5和IE6的BOX解释不一致
div {...}{ width:300px !important ; width /**//**/ :340px;margin:0 10px 0 10px ; }
“/**/”IE5和firefox都支持但IE6不支持。
方法2:
div {...}{ width:320px; margin:0 10px 0 10px; voice-family : "\"}\""; voice-family :inherit; width:300px; }
IE5不能解释的声音属性"voice-family",读到这个定义时浏览器就不再继续阅读。而IE6等浏览器却可以,并且一直读到width:300px。
IE5下div{width:300px;margin:0 10px 0 10px;}div的宽度会被解释为300px-10px(右填充)-10px(左填充)最终div的宽度为280px,而在IE6和其他浏览器上宽度则是以300px+10px(右填充)+10px(左填充)=320px来计算的。
Because of the cache,you may see your comments several minutes later.