解决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中加入一句话就可以直接实现效果。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注