我正在通过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/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。