如何讓浮動的div層顯示在select元件的上面

2021-04-15 06:54:14 字數 763 閱讀 6036

一、發現問題

問題:浮動層被select元件覆蓋住一部分。

**部分:浮動層

程式**

軟體硬體

二、找到方法  

上網搜尋了一下之後發現,這個是html語言的通病,只能通過某些優先順序更加高的元件來遮蓋。

在csdn社群裡看到有人給出解決方案:

引用內容

div被select擋住,是乙個比較常見的問題。  

有的朋友通過把div的內容放入iframe或object裡來解決。  

可惜這樣會破壞頁面的結構,互動性不大好。  

這裡採用的方法是:  

雖說div直接蓋不住select   但是div可以蓋iframe,而iframe可以蓋select,  

所以,把乙個iframe來當作div的底,   這個div就可以蓋住select了.  

引用內容

1"iframe   做為層的載體"後,  層與主頁面的互動是視窗間的互動  

2「用乙個iframe當div的底」後,  層與主頁面的互動是視窗內的互動  

另外,對於方法1, 

層的大小變化就會要求iframe的大小隨著變化  從主頁面到這個層會導致window的blur.  

對於方法2,   

1、在iframe的style裡面一定要加上z-index而且要設為-1,這樣它就不會把原來的div層也一起覆蓋掉。

2、把放在div層的上面就可以了。

程式** 軟體

硬體 問題解決。

如何讓浮動的div層顯示在select元件的上面

一 發現問題 問題 浮動層被select元件覆蓋住一部分。部分 浮動層 程式 軟體硬體 二 方法一 上網搜尋了一下之後發現,這個是html語言的通病,只能通過某些優先順序更加高的元件來遮蓋。在csdn社群裡看到有人給出解決方案 引用內容 div被select擋住,是乙個比較常見的問題。有的朋友通過把...

使div浮動層顯示在Select元件上面

一 發現問題 問題 綠色的浮動層被select元件 咬掉了一塊 部分 浮動層 汽車化妝品 房地產 日用品 二 找到方法 上網搜尋了一下之後發現,這個是html語言的通病,只能通過某些優先順序更加高的元件來遮蓋。在csdn社群裡看到有人給出解決方案 div被select擋住,是乙個比較常見的問題。有的...

使div浮動層顯示在Select元件上面

這個也是現學現賣了,沒有什麼特好的方法,先看一下博主的這個吧 一 發現問題 問題 綠色的浮動層被select元件 咬掉了一塊 部分 浮動層 汽車化妝品 房地產日用品 二 找到方法 上網搜尋了一下之後發現,這個是html語言的通病,只能通過某些優先順序更加高的元件來遮蓋。在csdn社群裡看到有人給出解...