在前端開發中,經常會遇到IE瀏覽器與其他現代瀏覽器樣式兼容性的問題。因此,如何判斷是否是IE瀏覽器并根據其版本提供不同的樣式就變得非常重要。
/* IE6及以下瀏覽器樣式 */ *html selector { property: value; } /* IE6及以上瀏覽器樣式 */ @media \0screen { selector { property: value; } } /* IE7及以上瀏覽器樣式 */ @media screen\0 { selector { property: value; } } /* IE8瀏覽器樣式 */ @media \0screen\,screen\9 { selector { property: value; } } /* IE9瀏覽器樣式 */ @media screen and (min-width:0\0) { selector { property: value; } }
上述代碼展示了如何使用CSS媒體查詢判斷IE瀏覽器并提供相應的樣式。其原理是利用各版本IE瀏覽器特有的CSS hack進行判斷,具體使用可根據IE版本進行相應的調整。