Liqun.net-利群

解决Select覆盖Div的方法

在前端代码设计的时候会碰到这样的情况:IE6以及一下版本下,选择框Select会覆盖Div中的内容。提供一个比较简单的方法来解决这个问题。一般情况下,可以将显示的内容放到Iframe中,然后再显示框架内的内容。由于Iframe的可以显示在Select上层,就可以解决这个问题。不过这样做在实现上比较麻烦。有个解决的部分就是在Div内容中加入不显示的Iframe框架即可,不用修改其他内容。

<div>
<iframe style="position:absolute; z-index:-1;" frameborder="0" src="about:blank"></iframe>
<a href="#">Overview</a>
</div>

<select>
<option>Domain</option>
</select>

以上代码的重点就是加粗部分。直接加一个空白的框架页面和将页面内容加入到框架,在实现起来更加的方便。只要在需要的Div中加入一句话就可以直接实现效果。

« 神奇的读心术Bountii价格比较系统 »
  • 点击这里获取该日志的TrackBack引用地址
  • ※ 除非特别声明,本站采用cc许可:署名,非商业。消息来源于网络报道和网友推荐项目;本站所有文章均为个人体验,如有任何疑问,请随时与站长联系。
    ◎ 联系方法:liqun@live.com | 利群
  • quote 1.清风龙玲
  • 个人实验,得知要加点高度或宽度,多加不行,少加不行.
    不过这个方法很有效.
  • 2008-07-30 09:26:24

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

网站目录

最新留言

最近发表

Powered By Z-Blog 1.6 Final Build 60816

除非特别声明,本站采用创作共用约定:署名-非商业性使用.浙ICP备06011949号