日期:2014-05-17  浏览次数:20732 次

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

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

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

葵花宝典之无视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>