如何让Div处于最上层,可以盖住select

Div被Select挡住,是一个比较常见的问题。 今天查找资料整理后总结了如下:  
有的朋友通过把div的内容放入iframe或object里来解决。     但这样会破坏页面的结构,互动性不大好。         这里采用的方法是:         虽说div直接盖不住select     但是div可以盖iframe,而iframe可以盖select,     所以,把一个iframe来当作div的底,     这个div就可以盖住select了.      
1"iframe   做为层的载体"后,     层与主页面的互动是窗口间的互动   
2“用一个iframe当div的底”后,     层与主页面的互动是窗口内的互动         另外,对于方法1,     层的大小变化就会要求iframe的大小随着变化     从主页面到这个层会导致window的blur.         对于方法2,     只是在原有的div前加上这一句     <iframe     style="position:absolute;z-index:9;width:expression(this.nextSibling.offsetWidth);height:expression(this.nextSibling.offsetHeight);top:expression(this.nextSibling.offsetTop);left:expression(this.nextSibling.offsetLeft);"   frameborder="0"   ></iframe>     (如果用css可能要看起来简洁点)     如果用div时用什么代码,加上一这句后几乎代码不用改变。

posted on   Msea  阅读(210)  评论(0编辑  收藏  举报

编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端

导航

< 2011年5月 >
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 1 2 3 4
5 6 7 8 9 10 11
点击右上角即可分享
微信分享提示