zoukankan      html  css  js  c++  java
  • Div被Select挡住的解决办法

       Div被Select挡住,是一个比较常见的问题。
    有的朋友通过把div的内容放入iframe或object里来解决。
    可惜这样会破坏页面的结构,互动性不大好。
    这里采用的方法是:
    虽说div直接盖不住select
    但是div可以盖iframe,而iframe可以盖select,
    所以,把一个iframe来当作div的底,
    这个div就可以盖住select了.

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>支持民族工业,尽量少买X货</title>
    </head>
    <body>
    <div style="z-index:10;position:absolute;100;height:18;overflow:hidden;" 

    onmouseover
    ="this.style.height=100;" onmouseout="this.style.height=18;">
    <iframe  style="position:absolute;z-index:-1;100%;height:100%;top:0;left:0;scrolling:no;" 

    frameborder
    ="0" src="about:blank"></iframe>
    <div style="background-

    color:#cccccc;
    ">aaaaaaa<br>bbbbbbb<br>ccccccc<br>ccccccc<br>ccccccc<br>ccccccc</div>
    </div>
    <select style="200" ><option>test0<option>test1<option>test2<option>test3</select>
    <br>
    <pre>
    Div被Select挡住,是一个比较常见的问题。
    有的朋友通过把div的内容放入iframe或object里来解决。
    可惜这样会破坏页面的结构,互动性不大好。
    这里采用的方法是:
    虽说div直接盖不住select
    但是div可以盖iframe,而iframe可以盖select,
    所以,把一个iframe来当作div的底,
    这个div就可以盖住select了.
    </pre>
    </body>
    </html>

        最核心的是这句了:

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

    frameborder="0" src="about:blank"></iframe>

        如果你在页面有一个滚动的图片,直接把图片的宽高度给这个Iframe就OK了!
  • 相关阅读:
    37-Data Volume 之 bind mount
    Python encode和decode
    Python迭代器,生成器(iterator,generator)详解
    Python递归函数
    pandas.DataFrame的pivot()和unstack()实现行转列
    Python XML解析之DOM
    Python XML解析之ElementTree
    Oracle 12c用户和安全管理
    Oracle 12c RAC 静默安装文档
    Oracle 12c RAC 安装文档
  • 原文地址:https://www.cnblogs.com/pccai/p/950189.html
Copyright © 2011-2022 走看看