<br> <meta> <br> <title>Div下拉菜单被Select挡住的解决办法</title> <br> <br><div> onmouseover="this.style.height=100;" onmouseout="this.style.height=18;"> <br> <iframe> left: 0; scrolling: no;" frameborder="0" src="about:blank"></iframe> <br> <div> <br> 下拉菜单<br> <br> bbbbbbb<br> <br> ccccccc<br> <br> ccccccc<br> <br> ccccccc<br> <br> ccccccc <br> </div> <br> </div> <br><select> <br> <option>test0</option> <br> <option>test1</option> <br> <option>test2</option> <br> <option>test3</option> <br></select> <br><br> <br><div class="code" style="position:relative; padding:0px; margin:0px;"><pre> <br>Div被Select挡住,是一个比较常见的问题。 <br>有的朋友通过把div的内容放入iframe或object里来解决。 <br>可惜这样会破坏页面的结构,互动性不大好。 <br>这里采用的方法是: <br>虽说div直接盖不住select <br>但是div可以盖iframe,而iframe可以盖select, <br>所以,把一个iframe来当作div的底, <br>这个div就可以盖住select了. <br></pre><div class="contentsignin">登入後複製</div></div> <br>