针对浏览器隐藏CSS(1)

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

!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.