问题:浮动层被select组件覆盖住一部分。div被select挡住,是一个比较常见的问题。
解决方法是:虽说div直接盖不住select 但是div可以盖iframe,而iframe可以盖select,所以,把一个iframe来当作div的底, 这个div就可以盖住select了。
1、"iframe 做为层的载体"后, 层与主页面的互动是窗口间的互动
2、“用一个iframe当div的底”后, 层与主页面的互动是窗口内的互动
对于方法1:层的大小变化就会要求iframe的大小随着变化 从主页面到这个层会导致window的blur.
对于方法2:①在iframe的style里面一定要加上z-index而且要设为-1,这样它就不会把原来的div层也一起覆盖掉。
②把<iframe></iframe>放在div层的上面就可以了。
参照代码:
<span style="font-size:18px;"><iframe style="position:absolute;z-index:-1;width:e-xpression(this.nextSibling.offsetWidth);height:e-xpression(this.nextSibling.offsetHeight);top:e-xpression(this.nextSibling.offsetTop);left:e-xpression(this.nextSibling.offsetLeft);" frameborder="0"></iframe>
<span style="white-space:pre"> </span><div class="selectClass" id="selName" >
<span style="white-space:pre"> </span><a href="#">1</a>
<span style="white-space:pre"> </span><a href="#">2</a>
</div></span>