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