在IE里,层DIV被下拉框SELECT遮盖,这是IE的bug之一,原因在于select的优先级别比div高。因此无论如何用css属性z-index设置都没用。所以,解决的办法有两种在显示div的时候隐藏所有select 让div里的内容比select的优先级还要高 第一种方法显然比较麻烦,特别是当select比较多且位置不固定的时候,很容易将不该隐藏的也隐藏了。第二钟办法更好一些。飞飞Asp技术乐园常用的优先级比select高的HTML控件有object和iframe,我选用了iframe比较好。原理就是在div种加入一个iframe,然后把需要显示的内容write到iframe的body中。参考代码如下:
只要在div里面添加如下代码就可以了
<iframe src="javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>
|