zoukankan      html  css  js  c++  java
  • 在IE7下设置zindex没有反应

             设置了两个div,两个div都设置了position:fixted,这时按钮会被第二个div覆盖掉,一开始的解决方法是在按钮里面加上z-index的属性,这时在IE8正常,但是在IE6、7就不正常,后来在网上查了一下,原来是要在其父元素上面加z-index这个属性才有效果的。

     <div class="toolBar">
            <div class="closeButton">
                <input type="button" value="关闭" class="close" />
            </div>
        </div>
        <div class="toolDiv">
     </div>

    CSS样式如下所示:

          .toolBar
            {
                84px;
                height: 200px;
                position: fixed;
                border: 1px solid red;
                z-index: 88; /*IE6、7、8都可以显示*/
            }
            .closeButton
            {
                position: absolute;
                left: 95px;
                top: 100px; /* z-index:88;/*IE8可以显示,IE7和IE6却不能显示*/
            }
            .toolDiv
            {
                100px;
                height: 200px;
                position: fixed;
                left: 98px;
                background-color: pink;
            }
            .close
            {
                border: 1px solid red;
            }

                                    

    参考网站:http://ituibar.com/tag/z-index-ie7/

  • 相关阅读:
    PMAC运动程序例程(一)
    【译】移动王国的诱惑【经济学人】
    粒子生物学【经济学人】
    快到家了【经济学人】
    关于贝加莱Modbus通讯的总结
    关于贝加莱Modbus通讯的总结
    移动王国的诱惑【经济学人】
    什么是Modbus
    动物精神【经济学人】
    什么是Modbus
  • 原文地址:https://www.cnblogs.com/dreamhouse/p/2926511.html
Copyright © 2011-2022 走看看