针对浏览器隐藏CSS(1)--踢西工作室

针对浏览器隐藏CSS(1)

时间：2005/10/8 14:03:08 阅读：1045

!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来计算的。

Re:针对浏览器隐藏CSS(1) (2006/8/6 10:23:36) by 飘萍
不同浏览器对css解释不同，想做出在每个浏览器中都表现自己想要的效果的页面还是不容易的。。。
Re:针对浏览器隐藏CSS(1) (2009/3/21 13:54:10) by ylp1588
CSS代码针对于不同浏览器的兼容性是最头痛的问题.

标题：

姓名：

主页：

验证码：

评论：

记住我

Because of the cache,you may see your comments several minutes later.

web3.cn