zindex不起作用 IE chrome 360 覆盖层 浮动层 类似登录

你的ie几啊？ie7,ie9都正常的啊。
ie6不支持position:fixed;

解决方案 »

  1.   

    重新设置一下
    $('#mygroup').css("z-index",  $("#mybg").css("z-index") + 1);
      

  2.   


    注明下：我是先写好的mygroup浮动层，mybg覆盖层是在js函数里写的，向我上面发的那样
      

  3.   

    我放在document.getElementById("mygroup").style.display="block"; 前，还是不行
      

  4.   

    你的代码是这样的吗<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html>
    <head>
      <style>
        #mygroup
        {
          left: 40%;
          top: 40%;
          width: 350px;
          height: 224px;
          position: fixed;
          display: none;
          z-index: 1001;
          background: red;
        }
      </style>
    </head>
    <body>
      <script type="text/javascript">
        function newGroup() {
          var mybg = document.createElement("div");
          mybg.setAttribute("id", "mybg");
          mybg.style.background = "#000";
          mybg.style.width = "100%";
          mybg.style.height = "100%";
          mybg.style.position = "fixed";
          mybg.style.top = "0";
          mybg.style.left = "0";
          mybg.style.zIndex = "1000";
          mybg.style.opacity = "0.3";
          mybg.style.filter = "Alpha(opacity=30)";
          document.body.appendChild(mybg); //显示覆盖层
          document.getElementById("mygroup").style.display = "block";
        }
      </script>
      <div id="mygroup">fffffffffffffff </div>
      <input onclick="newGroup()" type=button value="测试" />
    </body>
    </html>
      

  5.   

    重大发现！
    重大发现！
    重大发现！
    当我点击IE9的兼容性视图（样子像被中间剪断的纸张那个东西）后，在弹出div就好了，我是不是js哪里有问题？
    你上面写的跟我的差不多，只不过我的css 和js都是单独写到一个文件里了
      

  6.   


    没错chrome本来就没问题，好像是自动修复了小问题，IE9我点击后才修复了什么，能不能看日志了？
      

  7.   

    解决了，原本的div在content里，我把它在加入到body里就好了