我正在通过Facebook的评论插件创建一个无形的div,以便在编辑器视图中禁用插件的功能.除IE8之外,所有浏览器都有这个无形的div.如何解决这个问题？
HTML：
@H_403_4@<div id="container"> <div id="coveriframe"></div> <div data-bind-component="fbml: fbml">(RENDER JS COMMENTS VIA KO)</div> </div>尝试在IE8：
>以上代码适用于所有其他主要浏览器. WTF微软？
样式表：
@H_403_4@#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％的宽度和高度更可靠.喜欢这个：
@H_403_4@#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/
