1. 程式人生 > >前端排坑記錄:解決下拉選單被圖片或DIV遮擋問題

前端排坑記錄:解決下拉選單被圖片或DIV遮擋問題

下拉選單被下面的各種奇奇怪怪的元素遮擋,被圖片遮擋、被P標籤遮擋。。。一開始遇到這個問題的時候,我也想到了肯定是z-index的緣故,然後就去給下拉選單了一個position:relative; z-index:999;

本以為可以解決問題,結果一經測試,還是老樣子,如圖:

然後就是各種嘗試,給遮擋它的元素也設定z-index:9;給下拉選單的子元素設定z-index:999。。。還是沒一點反應

求助度娘搜到的也全都是我已經試過的方法。

最後抱著試試的心態,給遮擋下拉選單的元素設定了個z-index:-1;問題神奇解決