css – 在IE8中不可见的div不起作用

我正在通过Facebook的评论插件创建一个无形的div,以便在编辑器视图中禁用插件的功能.除IE8之外,所有浏览器都有这个无形的div.如何解决这个问题？

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;
   }

解决方法

我在IE8中做了好几次.为我工作的解决方案是为div分配一个背景颜色,然后将opacity设置为0.然后,IE8会将div定义为其余内容的“已存在”.我还找到设置位置：绝对和所有四个方向为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/