IE6 IE7相容問題彙總(持續更新)

2021-07-31 23:50:52 字數 1260 閱讀 8984

overflow失效title>

name="description"

content=''>

name="keywords"

content=''>

type="text/css">

.d.dd

.ddspan

style>

head>

class="d">

class="dd">

span>

div>

div>

body>

html>

其他瀏覽器

ie7、ie6

解決辦法:

在父級元素,也加上position: relative;

.d

(1)、inline元素的display屬性設定為inline-block時,所有的瀏覽器都支援;

(2)、block元素的display屬性設定為inline-block時,ie6/ie7瀏覽器是不支援的;

解決辦法:

div

/*推薦:ie6*/

div /*推薦:ie6、7*/

當我們使用css做乙個浮動層的時候通常會用到如下帶:

.***

這樣做class=」***」的元素就會位於普通層的上方,這樣在大多數瀏覽器中都是沒有問題的,但是在ie6或者ie7這種怪咖中就有可能不起作用了, 原因就在於需要將容器的父輩容器也設定z-index屬性,在ie6/7中需要對比兩個不同級別的元素的z-index要逐級的向父元素查詢,如果父元素 沒有可比性,那麼後面的元素會無視前面的元素的z-index強行覆蓋。

附: ie中的注釋條件

您使用不是 internet explorer

您正在使用internet explorer version 6或者 乙個非ie 瀏覽器

解決ie6 ie7 相容性問題

測試工具 ietester 問題描述 在ie6中,如果參照物沒有觸發haslayout 那麼絕對定位的容器的left和bottom就會有問題。解決辦法 在相對定位的父容器上加入 zoom 1 來觸發ie的haslayout即可解決。小技巧 通常我們在設定乙個容器為position relative的...

ie6, ie7相容性問題以及處理辦法彙總

1 ie6中絕對定位位置錯誤 問題描述 在ie6中,如果參照物沒有觸發haslayout 那麼絕對定位的容器的left和bottom就會有問題。解決辦法 在相對定位的父容器上加入 zoom 1 來觸發ie的haslayout即可解決。小技巧 通常我們在設定乙個容器為position relative...

IE相容問題 持續更新

1 讓ie8相容 c3 和 h5 包括canvas也是h5標籤 2 在以上的相容處理後ie8還是不支援nth of type。所以只能選擇第乙個元素的時候用first child 選擇其他元素的時候使用 first child domname的方式 3 ie8不相容addeventlistener事...