DIV对象如何不被select等控件挡住

来源:互联网 发布:淘宝自动延长收货时间 编辑:程序博客网 时间:2024/04/30 12:20

在DHTML对象中,DIV对象如何不被select等控件挡住,请指点

--------------------------------------------------------------------------------
回复1:
楼主指的是什么?
DIV本来就是视觉虚无的~~~

回复2:
在IE中,select属于window类型控件,它会“挡住”所有非window类型控件
可以这么理解,div这样的组件是在浏览器客户区使用代码“渲染”的,
他们被渲染在客户区的绘画表面上,
而select是使用的标准windows控件,只是作为客户区的子控件放置而已,
它会覆盖所有客户区绘画表面上“画”出来的一切,但不一定会覆盖其他类型的window控件,
比如iframe和其他的select,如果你使用过类似Delphi这样的环境就会自然理解。

有2种办法;
1. 修改select,不用标准select,而是自己用其他html元素模拟
2. 修改你的div,使用iframe。


回复3:
方法3; 在div被显示的时候或者到达select所在位置时隐藏select

现在在很多应用框架中,大都采用第一种,自己用其他html元素来模拟select


回复4:
楼上说的真全啊……哈哈


回复5:
select无法设置z-index


回复6:

葵花宝典之无视select

葵花宝典 第一页 欲练神功,必先自宫!

注解:修改你的div,使用iframe代替。
(练功心得:长痛不如短痛,动手吧!)

 

 

 

葵花宝典 第二页 就算自宫,未必成功。

注解:div 转iframe 困难重重,你将遇到诸如跨frame脚本、样式表引用问题等等。
(练功心得:世上无难事,只怕有心人,只要持之以恒,必定能练就神功!本人神功已成。)

 

 

 

 


葵花宝典 第三页 若不自宫,也能成功!
(练功心得:本人至此三日不得安眠……)

注解:给DIV加个iframe 做底,就可以盖住select 了。
<div>
<iframe style="position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;scrolling:no;" frameborder="0"></iframe>
<div>内容<div>
</div>

 

回复7:
IE7解决了此bug


回复8:
葵花宝典 第三页 若不自宫,也能成功!
(练功心得:本人至此三日不得安眠……)

注解:给DIV加个iframe 做底,就可以盖住select 了。
<div>
<iframe style="position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;scrolling:no;" frameborder="0"></iframe>
<div>内容<div>
</div>

这种方法好


回复9:
用div加iframe看上去效果好些,其实div和iframe之间甚至不用嵌套,只要将iframe的位置和div的位置设置为相同,在将iframe的z index放在div的z index下面一层,就可以了。

原创粉丝点击