1. 程式人生 > >ie8中 position:relative定義的層不能正常顯示

ie8中 position:relative定義的層不能正常顯示

無意開啟IETester在IE8下測試了一個頁面,突然發現一個父級position:relative;子級position:absolute;的樣式焦點輪播的時候在IE8下居然是錯位的。仔細看了一下,發現IE8居然不認父級的相對定位,直接就是在螢幕上顯示絕對定位。

在我的系統中IE6,IE7下顯示正常,解決辦法

<meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
改成

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

或者直接在原

<meta http-equiv="Content-Type" content="text/html; charset=GBK"/>下面加上

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

通過以上方式修復您的網站後,將強制 Windows Internet Explorer 8 以類似 Windows Internet Explorer 7 呈現頁面的方式來呈現頁面。