作为针对IE5x的一种hack,使用实例如下:

css 代码

#centercontent {    
              background:#fff;  
              margin-left: 199px;  
              margin-right:199px;  
              border:1px solid #000;  
              voice-family: "\"}\"";  
              voice-family: inherit;  
              margin-left: 201px;  
              margin-right:201px;  
              

IE5并不能正确读取voice-family: “\”}\”"; voice-family:inherit;这两段,所以在读取第二个Width前就放弃读取#centercontent了。

从而它的Width是199px;反之,由于IE6支持voice-family: “\”}\”";voice-family:inherit;因此第二个Width值就会覆盖第一个Width值,最终得出Width=201px。这样便能在同一个Class里定义两个Width值。

(而实际上这是重复定义的典型,不过并不会在其他浏览器产生问题。)

 

voice-family: "\"}\"";   这是为解决浏览器版本的兼容性。IE5.5及其以下版本计算div的实际宽高和IE6以上版本不同,会造成错乱。应该是这样的。

posted on 2009-07-11 01:29  阿C's  阅读(686)  评论(0)    收藏  举报