ASP.NET2.0 要解决Menu被Select遮盖的问题

     http://weblogs.asp.net/bleroy/archive/2005/08/09/422047.aspx
     老话题了,除了IE,其他浏览器都没这z-index对Select不起作用的破毛病。解决的法子也不新鲜,利用同样行为古怪的iFrame。放好DIV之后在同一位置放个一样大小的iFrame。既然微软的程序员也这么干的话,咱们暂时也不用指望这个存在多年的Bug会被修正了。
   sample:

<select>
 
<option>This usually appears on top in IE</option>
</select>
<iframe src="about:blank" scrolling="no" frameborder="0"
 
style="position:absolute;width:50px;height:120px;top:0px;left:0px;border:none;display:block;z-index:0"></iframe>
<div style="position:absolute;width:50px;height:120px;top:0px;left:0px;border:solid 1px black;z-index:0">
 
This appears in front of the select in IE
</div
>

  iFrame的src用"about:blank"的话,使用安全连接(https://)的站点的页面如果同时有secure和insecure的内容会丢个warning给你。改成"javascript:;"再把iFrame设为完全透明(Alpha滤镜)就万无一失了。

posted on 2005-10-07 01:10  z_true  阅读(1731)  评论(3编辑  收藏  举报

导航