ie6經典bug彈出框蓋不住select的解決辦法

2022-05-27 04:15:10 字數 3802 閱讀 3083

昨天切頁面的時候遇到了傳說中的經典————ie6經典bug彈出框蓋不住select。以前只是有所耳聞,但是未曾謀面,昨天有幸見到真面目!!

我昨天試過網上的很多方法,有的說是用iframe把select包住,有的說是把iframe放在彈出層的下面,有的說是把iframe放在彈出層的裡面,這些我都試過啦,但是有的效果是實現啦,但是很勉強,因為iframe是蓋住select啦,而select也消失的沒了。這個讓我很鬱悶,不知道為什麼。。。。今天早上來啦,頭腦清醒的解決啦。我就把原來的width:100%,height:100%換成彈出層的具體寬高數值,就好啦,蓋住select的同時,select還在。而且給了絕對定位的top和left值,這樣iframe就跟彈出框完全重合了,我之前的iframe框是出現在彈出框的下面。而且我也沒有按照網上給iframe加z-index值。呵呵,這個iframe上的z-index還是必須要加的,z-index:-1,確保是在彈出層下方,不然新增的按鈕不能點選。

這是ie6下面原來的樣子,

這是修改好的

附上關鍵**:

1

2<

div

class

="pop_bg"

>

3<

p class

="pop_tip"

>

p>

4<

div

class

="sign_pop"

>

5<

dl>

6<

dt>

7<

ul class

="tip"

>

8<

li><

a href

="#"

>本地上傳

a>

li>9ul

>

10<

a href

="#"

class

="close"

><

em> em

>

a>

11dt

>

12<

dd class

="add_btn"

>

13<

a href

="#"

><

em> em

>

新增14

<

form

action

=""><

input

type

="file"

class

="add_f"

size

="1"

/>

form

>15a

>

16dd

>

17<

dd class

="discrib"

>支援上傳單張5m以下的gif、jpg、png檔案

dd>

18dl

>

19div

>

20

id="divshim"

scrolling

="no"

style

="position:absolute;top:0;left:0;width:282px;height:128px;-moz-opacity:0;-webkit-opacity:0; opacity:0; filter:alpha(opacity=0);background:transparent;"

>

iframe

>

21div

>

22-這裡是select--

>

23<

div

class

="promo_panal"

>

24<

div

class

="head clearfix"

>

25<

span

class

="tit"

>發微方式

span

>

26div

>

27<

div

class

="body"

>

28<

form

action

=""method

="get"

class

="form_infor"

>

29<

div

class

="form_msg clearfix"

>

30<

input

name

=""type

="radio"

class

="rad"

/>

31<

label

>立即傳送

label

>

32div

>

33<

div

class

="form_msg input clearfix"

>

34<

input

name

=""type

="radio"

class

="rad"

/>

35<

label

>定時傳送:

label

>

36<

input

name

=""type

="text"

class

="txt"

/>

37<

a href

="#"

class

="calendar"

><

em class

="ban ban_4_11"

> em

>

a>

3839

<

select

name

=""class

="select"

>

40<

option

>請選擇

option

>

41select

>

4243

<

label

class

="end"

>時

label

>

4445

<

select

name

=""class

="select"

>

46<

option

>請選擇

option

>

47select

>

4849

<

label

class

="end"

>分

label

>

50div

>

51form

>

52div

>

53div

>

解決IE6中 Div層擋不住Select元件

通過使用ifram,解決div層擋不住select元件的問題 通常該問出出現ie6瀏覽器中 通過使用ifram,解決div層擋不住select元件的問題 通常該問出出現ie6瀏覽器中 author jiangshui date 2010 10 19 如果當前的瀏覽器是ie6,則開啟乙個iframe層...

解決IE6中 Div層擋不住Select元件

通過使用ifram,解決div層擋不住select元件的問題 通常該問出出現ie6瀏覽器中 通過使用ifram,解決div層擋不住select元件的問題 通常該問出出現ie6瀏覽器中 author jiangshui date 2010 10 19 如果當前的瀏覽器是ie6,則開啟乙個iframe層...

IE6下select總是在最上層的解決辦法!

ie6下select總是在最上層的解決辦法!在ie6下,我們使用select的時候,會發現不管對上層的div的z index給多大的值,select總是要從下面冒出來,在網上找了一下,主要解決方法有兩種 1,通過iframe遮蓋select。2,通過js控制select的顯示和隱藏,不過當div只是...