我正在通过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：
>以上代码适用于所有其他主要浏览器. 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/
