浮动的div层置顶显示

问题：浮动层被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>