這篇文章將為大家詳細(xì)講解有關(guān)怎么解決IE6/7絕對定位元素神秘消失或被遮擋的問題，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

淄川網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)公司！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項目制作，到程序開發(fā)，運營維護(hù)。創(chuàng)新互聯(lián)公司從2013年成立到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)公司。

1.當(dāng)絕對定位層的鄰近浮動層的寬度不等于父層寬度時，以及沒有清除浮動時，IE6/7，F(xiàn)F中顯示一致；
2.當(dāng)絕對定位層的鄰近浮動層的寬度不等于父層寬度時，有清除浮動時，IE6/7不顯示絕對定位層，F(xiàn)F顯示；
3.當(dāng)絕對定位層的鄰近浮動層的寬度等于父層寬度時，以及沒有清除浮動時，IE6不顯示絕對定位層，IE7/FF顯示；
4.當(dāng)絕對定位層的鄰近浮動層的寬度等于父層寬度時，有清除浮動時，IE6/7不顯示絕對定位層，F(xiàn)F顯示；

要解決這個BUG的方法也很簡單，讓絕對定位層不挨著浮動層放置就好了，還有個更簡單的方法，在絕對定位元素和其他元素之間加一個空白的div。
再來看看絕對定位元素神秘消失被遮擋的現(xiàn)象，先了解一下所涉及到的幾個定位特性：
1. 相對定位元素默認(rèn)的z-index的數(shù)值是0。
2. 當(dāng)兩個相對定位同時出現(xiàn)時，代碼靠后的z-index優(yōu)先。
3. 子級遵循父級設(shè)定的z-index；如果子級設(shè)定了絕對定位、z-index，可以沖破父級顯示
看下面的代碼：

代碼如下:

<div style=”position:relative; background:#FF0000; width:200px; height:100px;”>
<div style=”position:absolute; background:#FFFF00; width:49px; height:50px; left:106px; top:310px; z-index:100“></div>
</div>
<div style=”position:relative; background:#000000; width:200px; height:100px;”></div>
<div style=”position:relative; background:#9900FF; width:200px; height:100px;”></div>

代碼解釋：上面是三個相鄰的相對定位的層，在第一個層里加了個相對其絕對定位的層，按照理論，這個絕對定位的元素是在三個相對定位元素之上的，但是，實際卻沒有顯示。嘗試設(shè)置z-index值也沒有效。
網(wǎng)上解決這個bug的辦法一般用hack使B為負(fù)值，來降低 B 在IE下級別。但是這種方法在z-index為負(fù)值時，產(chǎn)生了新的ie bug按照定位的特性，ie的這個bug是可以回避。
從表面上看下面的層 遮住了上面的絕對定位層，實際上是下面的 層遮住了絕對定位的的父級層，只要將 該父級層的z-index設(shè)定大于后面的層即可。

關(guān)于“怎么解決IE6/7絕對定位元素神秘消失或被遮擋的問題”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

文章標(biāo)題：怎么解決IE6/7絕對定位元素神秘消失或被遮擋的問題
文章地址：http://www.yijiale78.com/article42/joogec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、電子商務(wù)、App設(shè)計、網(wǎng)站策劃、搜索引擎優(yōu)化、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)