導航欄下拉列表被遮擋問題或者顯示不全問題

2022-06-22 17:42:13 字數 397 閱讀 1548

(1) 當我們設定頁面頭部元件時,一般會固定在頁面頂部,這樣是沒有問題的,但是當頭部元件有下拉列表時,問題就來了,選單部分會被下面的頁面遮擋。這時我們想到的第乙個辦法就是z-index 增加其層級,但當下面的部分設定了position,那麼選單欄即使增加了層級也不會解決這種問題,那麼怎麼解決呢?

想要解決這種問題,就需要往頭部元件和下面主體的的共同的父級上面找,在兩個都設定了position 的情況下,給頭部和下面主題設定z-index ,如下**:

css:

.review_main

頭部元件 最外層 css 部分

.headerpage

思路:

(2)還有一種情況導航下拉列表顯示不全是因為外層設定了overflow:hidden

iOS7View被導航欄遮擋問題的解決

ios7的檢視有個邊緣延伸的屬性 edgesforextendedlayout,其預設值是uiextendededgeall。只要將其改成uiextendededgenone即可,要注意的是在ios7以下版本會出現bug。所以在uiviewcontroller 的viewdidload裡加上下面 就...

多級下拉列表導航製作

水平導航選單的製作思路 1 進行初始化的設定,將文件中所有元素的margin和padding設為0 2 將所有的a元素設定為塊元素,去掉下劃線,新增背景色 c和padding值 3 滑鼠移入li時改變子元素a的背景色,此處應為 li hover a 意思為滑鼠劃過li時,其直屬的子元素背景色改變 d...

el select 元件下拉框被遮擋問題

發生這種問題的情況 1.當選擇框處於頁面邊緣 2.它的父級又沒有使用fixed 定位 3.下拉框選項內容過長 如下圖 解決辦法 1.element ui 的el select 的下拉框定位它會去判斷父級是否有fixed 定位如果有那麼下拉框也會是採用fixed 定位,這個時候回去判斷瀏覽器的邊框和 ...