彈出層或者下拉菜單被下面的<div>層,或者jquery圖片切換屋遮擋住了解決辦法。這個一般是屋設置了position屬性,如POSITION: relative;解決這個辦法在當前層設置z-index都是無效的,即使將彈出層所在父層的z-index設置到999,可彈出層依然會被底下的div遮擋住。
造成這個原因是層的疊加原因,疊加原則中指出,非同輩元素,任意一者或其祖元素擁有動態定位時,同時各自向上尋找動態定位的祖元素,並分別從中拿出具備最高級別的祖元素(或其本身)進行比較。所以根據層的疊加原則,將z-index屬性設置到最高級別的父元素,
如設為style=" position:relative; z-index:99999; " ,最中彈出層顯示正常