在IE瀏覽器中,有一些CSS樣式并不被完全支持。如果要讓網頁在IE中正確顯示,需要采取一些特殊的措施。
例如,有些CSS樣式在IE中不支持。比如說,如果你想要設置文字的字體為微軟雅黑,使用如下代碼:
body { font-family: "Microsoft Yahei", sans-serif; }
但是在IE8以下的瀏覽器中,可能會顯示為默認的字體。為了讓IE也能正確顯示這種CSS樣式,我們可以使用條件注釋語句:
這樣,當IE版本小于9的時候,會讀取到這段CSS樣式,并正確顯示。
還有一些CSS樣式在IE中會出現各種奇怪的問題,比如說浮動、定位等。這時候,我們需要做一些兼容處理。
比如說,下面這段代碼在很多瀏覽器中都可以正確地讓一個元素居中顯示:
.container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
但是在IE8以下的瀏覽器中,會出現各種問題,比如元素跑到了頁面上方或左側。為了解決這個問題,我們可以使用如下的代碼:
.container { position: absolute; top: 50%; left: 50%; margin-top: -(元素高度的一半); margin-left: -(元素寬度的一半); }
這樣,在所有瀏覽器中都可以正確地讓元素居中了。
下一篇在html中css