`
newlethe
  • 浏览: 81672 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

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

    博客分类:
  • CSS
阅读更多

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时用什么代码,加上一这句后几乎代码不用改变。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics