css中voice-family: '\'}\'';有什麼作用？

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: ''}'';有什麼作用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！