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

前端之家收集整理的这篇文章主要介绍了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/

原文链接:https://www.f2er.com/css/214280.html

猜你在找的CSS相关文章