弹出一个新的窗口,只需要window的open方法就搞定了,弹出层就需要用js来控制它的一些CSS属性,如果是IE6以上的浏览器(不包括IE6),是不需要多少行代码的,但是在IE6中就有些麻烦,因为在IE6中Select控件和一些图片元素会遮挡在弹出层的上面,无法达到预期的效果。
上网找了很多解决方案,找出了一种自认为比较容易操作的办法,现和大家分享。Select在IE6下是处于最顶层的,因此想要遮住它,设置zIndex属性是不行的,就需要一个优先级更高的元素,就是iframe,当把iframe嵌套在弹出div层中后,把iframe设置为不可见,但它使弹出的div能浮于select等一些元素之上,因此完美解决了此问题,如下是需要弹出的Div代码,星号内代码为添加的iframe:
<div>
<iframe style="width:100%;filter:alpha(opacity=0);-moz-opacity:0; height:185px; position:absolute; z-index:-1"></iframe>
</div>