css中voice-family: \}\;有什么作用?
#centercontent {
background-color: #006600;
background-image: url(../img/home_main_bg.gif);
background-repeat: repeat-x;
height: 502px;
width: 772px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
border: 1px solid #006600;
voice-family: "\"}\"";
voice-family: inherit;
height: 500px;
width: 770px;
}
在此设定宽度为770px,边框为1px,但在window ie5.5以前的浏览器中浏览页面时,main层宽度会比实际宽度少2px(770px-1px-1px),因此需要予以纠正,在此就介绍一种纠正方法。此处利用了样式表的“层叠”特性,对于同一个选择符的相同属性,后定义的值会覆盖前面定义的值。
而voice-family:\}\ ;voice-family:inherit; 是css的语音属性,由于window ie5.5不完全支持css2,不识别此属性,因此跳到下一个选择符。
ie5并不能正确读取voice-family: “\”}\”; voice-family:inherit;这两段,所以在读取第二个width前就放弃读取#centercontent了。
这样便能在同一个class里定义两个width值。(而实际上这是重复定义的典型,不过并不会在其他浏览器产生问题。)
另一种不用voice-family: \}\;的方法来解决:
width: 770px
width : 772px;
以上就是css中voice-family: "\"}\"";有什么作用?的详细内容。