彈出層或者下拉菜單被下面的 層遮擋住了解決辦法


彈出層或者下拉菜單被下面的<div>層,或者jquery圖片切換屋遮擋住了解決辦法。這個一般是屋設置了position屬性,如POSITION: relative;解決這個辦法在當前層設置z-index都是無效的,即使將彈出層所在父層的z-index設置到999,可彈出層依然會被底下的div遮擋住。

造成這個原因是層的疊加原因,疊加原則中指出,非同輩元素,任意一者或其祖元素擁有動態定位時,同時各自向上尋找動態定位的祖元素,並分別從中拿出具備最高級別的祖元素(或其本身)進行比較。所以根據層的疊加原則,將z-index屬性設置到最高級別的父元素,

如設為style=" position:relative;   z-index:99999; " ,最中彈出層顯示正常


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM