voice-family屬性
#sidebar { width: 200px; padding: 10px; border: 10px solid black; }
在此設定寬度為200px,內邊距為10px,邊框為10px,但在Window IE5.5先前的瀏覽器中瀏覽頁面時,寬度會比實際寬度少40px(200px-10px-10px-10px-10px),因此需要予以糾正。此處利用了樣式表的「層疊」特性,對於同一個選擇符的相同屬性,後定義的值會覆寫前面定義的值。
重新定義的樣式為:
#sidebar { padding: 10px; border: 10px solid black; width: 240px; voice-family: "\"}\""; voice-family: inherit; width: 200px; }
而"voice-family:"\"}\"" ;voice-family:inherit;" 是CSS的語音屬性,由於Window IE5. 5不完全支援CSS2,不識別此屬性,因此跳到下一個選擇符。
IE5並不能正確讀取voice-family: “\”}\”"; voice-family:inherit;這兩段,所以在讀取第二個Width前就放棄讀取#centercontent了,最終只能讀取到第一個width:240px。
而IE5.5以上的瀏覽器因為同名覆蓋的原則取到第二個width:200px。這樣便能在同一個Class裡定義兩個Width值。
以上是css:voice-family屬性的詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!