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事...