在IE瀏覽器下,CSS有一些特殊寫法。下面我們來具體了解一下:
a:hover { color: red; }
在其他瀏覽器中,:hover是有效的偽類選擇器,可以選中鼠標指針懸停的元素。但在IE瀏覽器中,只有a標簽支持:hover,其他元素無法使用它。因此,我們需要單獨在a標簽下寫:hover的樣式。
*html(div) { height: 1%; }
這是一個IE-only hack。在標準瀏覽器中,*號是無效的,但在IE瀏覽器中,*號可以起到通配符的作用。這條css語句會應用于IE6及以下的瀏覽器,可以解決IE瀏覽器下的一些兼容性問題。
p { voice-family: "\\"}\\""; voice-family: inherit; height: 1%; }
這也是一個IE-only hack。它使用了CSS3的屬性,但添加了一個不合法的值 "\\"}\\""",這使得其他瀏覽器會直接忽略這行代碼。在IE瀏覽器中,會先解析"\\",相當于"\",再解析"\\}",相當于"}",最終的樣式是height: 1%。
總的來說,這些IE-only hack在現(xiàn)代瀏覽器中已經(jīng)逐漸不再需要,建議盡量避免使用。如果真的需要兼容IE瀏覽器,可以使用一些前綴或條件注釋等方式。