ie7 z index 失效問題

2022-03-08 15:32:42 字數 309 閱讀 5084

解決辦法:

父級元素加上position:relative;並設定z-index.

父級元素的z-index優先,其中包含的元素的z-index是相對於父級元素的index.

...(要在上層顯示的內容)

上面的例子中,倘若將第乙個div的z-index設定為-1,則無論p的z-index為多少,多會被下面的div遮住。

相反,倘若下層div的z-index也設定成2,ie7正在解釋時,會按照"position:relative"的層的順序,自動疊加,即實際值是3.

沒有加position屬性時,所有值繼承自父級。

ie7下z index的問題

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

IE7 絕對定位z index問題

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

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

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