如何让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时用什么代码,加上一这句后几乎代码不用改变。
有的朋友通过把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时用什么代码,加上一这句后几乎代码不用改变。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端