CSS是前端開發中必不可少的三大元素之一,在平時的開發過程中,我們會遇到IE瀏覽器兼容性的問題。那么怎樣判斷當前網頁打開的是IE瀏覽器呢?
可以通過判斷當前瀏覽器是否支持某些特定的CSS屬性或者屬性值,來判斷當前瀏覽器是否為IE瀏覽器。 比如,IE8及以下瀏覽器不支持CSS3的border-radius屬性,我們可以通過判斷這個屬性是否生效來判斷當前瀏覽器是否為IE瀏覽器: div{ width: 100px; height: 100px; border-radius: 50px; }
如果我們想讓這段代碼在非IE瀏覽器中執行,則可以給它加上IE的hack:
div{ width: 100px; height: 100px; border-radius: 50px; /* IE8及以下瀏覽器不支持border-radius,這里使用hack */ background-color: #333\9; /* IE8及以下瀏覽器解析折疊的字符 */ *border-radius: 50px; }
除了border-radius屬性之外,還有一些其他的CSS屬性和屬性值可以用來判斷IE瀏覽器,比如:opacity、filter、box-shadow、text-shadow等。通過判斷這些特定的屬性在當前瀏覽器中是否生效,可以較為準確地判斷當前瀏覽器是否為IE瀏覽器。
上一篇mysql用戶問題