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了!
  • 相关阅读:
    NOI2005 聪聪和可可
    CodeVS 1344 线型网络
    BZOJ 2466: [中山市选2009]树
    BZOJ 3827: [Poi2014]Around the world
    BZOJ 1109: [POI2007]堆积木Klo
    BZOJ 2124: 等差子序列
    BZOJ 4544: 椭圆上的整点
    BZOJ 2342: [Shoi2011]双倍回文
    BZOJ 2084: [Poi2010]Antisymmetry
    BZOJ 3111: [Zjoi2013]蚂蚁寻路
  • 原文地址:https://www.cnblogs.com/pccai/p/950189.html
Copyright © 2011-2022 走看看