您的位置：首页 > 其它

Div被Select挡住解决办法

2016-06-11 14:40 561 查看

Div被Select挡住解决办法

<html><head>

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

    <title>Div下拉菜单被Select挡住的解决办法</title>

</head><body>

<div style="z-index: 10; position: absolute; width: 100; height: 18; overflow: hidden;"

    onmouseover="this.style.height=100;" onmouseout="this.style.height=18;">

    <iframe style="position: absolute; z-index: -1; width: 100%; height: 100%; top: 0;

        left: 0; scrolling: no;" frameborder="0" src="about:blank"></iframe>

    <div style="background-color: silver;">

        下拉菜单<br />

        bbbbbbb<br />

        ccccccc<br />

        ccccccc<br />

        ccccccc<br />

        ccccccc

    </div>

</div>

<select style="width: 200">

    <option>test0</option>

    <option>test1</option>

    <option>test2</option>

    <option>test3</option>

</select>

<br />

<pre>

Div被Select挡住，是一个比较常见的问题。

有的朋友通过把div的内容放入iframe或object里来解决。

可惜这样会破坏页面的结构，互动性不大好。

这里采用的方法是：

虽说div直接盖不住select

但是div可以盖iframe，而iframe可以盖select,

所以，把一个iframe来当作div的底，

这个div就可以盖住select了.

</pre>

</body></html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航