voice-family: "\"}\"";的作用

作为针对IE5x的一种hack，使用实例如下：<o:p></o:p>

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;

              }

              IE5x PC mis-implements the box model. Because of that we sometimes have

              to perform a little CSS trickery to get pixel-perfect display across browsers.

              The following bit of code was proposed by Tantek Celik, and it preys upon a CSS

              parsing bug in IE5x PC that will prematurly close a style rule when it runs

              into the string "\"}\"". After that string appears in a rule, then, we can override

              previously set attribute values and only browsers without the parse bug will

              recognize the new values. So any of the name-value pairs above this comment

              that we need to override for browsers with correct box-model implementations

              will be listed below.

             

              We use the voice-family property because it is likely to be used very infrequently,

              and where it is used it will be set on the body tag. So the second voice-family value

              of "inherit" will override our bogus "\"}\"" value and allow the proper value to

              cascade down from the body tag.

<o:p> </o:p>

              The style rule immediately following this rule offers another chance for CSS2

              aware browsers to pick up the values meant for correct box-model implementations.

              It uses a CSS2 selector that will be ignored by IE5x PC.

             

              Read more at http://www.glish.com/css/hacks.asp