Div被Select擋住的解決辦法

2022-02-09 00:03:48 字數 1823 閱讀 2369

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

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

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

這裡採用的方法是:

雖說div直接蓋不住select

但是div可以蓋iframe,而iframe可以蓋select,

所以,把乙個iframe來當作div的底,

這個div就可以蓋住select了.

支援民族工業,盡量少買x貨

title

>

head

>

<

body

>

<

div style="

z-index:10;position:absolute;width:100;height:18;overflow:hidden;

"onmouseover="

this.style.height=100;

"onmouseout="

this.style.height=18;

">

<

iframe  style="

position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;scrolling:no;

"frameborder="

0"src=

"about:blank

">

iframe

>

<

div style="

background-

color:#cccccc;

">aaaaaaa

bbbbbbb

ccccccc

ccccccc

ccccccc

ccccccc

div>

<

select style="

width:200

"><

option

>

test0

<

option

>

test1

<

option

>

test2

<

option

>

test3

select

>

<

br>

<

pre>

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

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

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

這裡採用的方法是:

雖說div直接蓋不住select

但是div可以蓋iframe,而iframe可以蓋select,

所以,把乙個iframe來當作div的底,

這個div就可以蓋住select了.

pre>

body

>

html

>

最核心的是這句了:

frameborder="0" src="about:blank">

如果你在頁面有乙個滾動的,直接把的寬高度給這個iframe就ok了!

Div被Select擋住解決辦法

下拉列表 bbbbbbb ccccccc ccccccc ccccccc ccccccc test0 test1 test2 test3 div被select擋住,是乙個比較常見的問題。有的朋友通過把div的內容放入iframe或object裡來解決。可惜這樣會破壞頁面的結構,互動性不大好。這裡採用...

div被選擇框select遮擋住的解決方法

原因 在ie中,select屬於window型別控制項,它會 擋住 所有非window型別控制項可以這麼理解,div這樣的元件是在瀏覽器客戶區使用 渲染 的,他們被渲染在客戶區的繪畫表面上而select是使用的標準windows控制項,只是作為客戶區的子控制項放置而已,它會覆蓋所有客戶區繪畫表面上 ...

解決div總是被select遮擋的問題

麥田怪圈 crop circle 是在麥田或其他農田上,透過某種力量把農作物壓平而產生出幾何圖案。此現象在1970年代後期才開始引起公眾注意。目前,有眾多麥田圈事件被他人或者自己揭發為有人故意製造出來以取樂或者招攬遊客。唯麥田圈中的作物 平順倒塌 方式以及植物莖節點的燒焦痕跡並不是人力壓平所能做到,...