不可见的div over div在IE8中不起作用

Question

我试图在facebook评论插件上创建一个不可见的div,以便在编辑器视图中禁用插件的功能.这个不可见的div适用于IE8以外的所有浏览器.我怎样才能解决这个问题？

HTML:

<div id="container">
   <div id="coveriframe"></div>   
    <div data-bind-component="fbml: fbml">(RENDER JS COMMENTS VIA KO)</div>
</div>

试试IE8:

http://jsfiddle.net/pkbz4/19/

• 以上代码适用于所有其他主流浏览器.WTF微软？

样式表:

    #container {
        width: 100%;
        height: 100%;
        position: relative;
    }

    #navi, 
    #coveriframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    #coveriframe {
        z-index: 10;
   }

Answer 1

我在IE8中已经多次这样做了.适用于我的解决方案是为div指定背景颜色,然后将不透明度设置为0. IE8然后将div识别为其余内容上方的"现有".我也发现设置position: absolute和所有四个方向为0比100%宽度和高度更可靠.像这样:

#coveriframe {
  position: absolute;
  top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3007;
  background: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
}

这是我对你的jsfiddle的更新:http://jsfiddle.net/pkbz4/21/