IE7 絕對定位z index問題

2022-01-30 08:27:57 字數 321 閱讀 3043

在進行網頁布局設計的時候,經常會根據需要設定相對定位,絕對以及浮動定位最近突然發現了乙個奇妙的現象:ie6下絕對定位元素神秘消失或被遮擋, 首先是ie絕對定位元素神秘消失,設定的絕對定位元素,突然從ie瀏覽器下消失了,然而火狐能正常顯示. 嘗試對絕對定位元素進行清除浮動操作,ie下能顯示,但是出現了莫名的留白,火狐下正常顯示.至少這個現象表明,絕對定位元素在ie6下神秘消失對相鄰元素的浮動定位有關.

類似如圖的情景

具體解決方案:

參考:

ie7下z index的問題

以前也遇到過在ie7下z index的層級提不上來的問題,總結了之前的經驗先在這裡做個記錄,新手可以看看 老鳥可以笑笑。有2個absolute定位的層,要求第乙個層覆蓋第二個層,第乙個層設定z index即使為10000,第二層不設定z index或者設定為1,在ie6 ie7瀏覽器下第乙個層還是被...

ie7 z index 失效問題

解決辦法 父級元素加上position relative 並設定z index.父級元素的z index優先,其中包含的元素的z index是相對於父級元素的index.要在上層顯示的內容 上面的例子中,倘若將第乙個div的z index設定為 1,則無論p的z index為多少,多會被下面的div...

ie7下z index失效問題解決方法 詳細分析

絕對定位元素的 有定位屬性 relative或absolute 的父元素 在渲染層次時起到了主要作用,前面的被後面的覆蓋了。解決辦法就是給有定位屬性的父元素設定z index 解決辦法 父級元素加上position relative 並設定z index.父級元素的z index優先,其中包含的元素...