昨天切頁面的時候遇到了傳說中的經典————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下面原來的樣子,
這是修改好的
附上關鍵**:
12<
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只是...