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

本文讨论了解决DIV对象被Select控件遮挡的问题。提出通过使用iframe替代DIV或给DIV添加iframe底层来实现遮挡Select控件的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在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下面一层,就可以了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值