遮罩层 fixed 在 ie 里无法显示

公司没有懂 css 的人，连前台都要自己搞，很郁闷。

搞了个遮罩层，在有 <!DOCTYPE HTML> 的情况下，用以下css代码可以正常显示：

.markBg{display:none;position:fixed;width:100%;height:100%;background:#999;z-index:1000;top:0;left:0;filter:Alpha(Opacity=70);/* IE */-moz-opacity:0.7;/* Moz + FF */opacity:0.7;}

但我们的页面上是不能放<!DOCTYPE HTML> 的，因为以前的人用 iframe 的自适应高度。添加这个标签后，自适应高度的 iframe 就无效了。但去掉这个后，在ie里，这个遮罩层就无法显示出来了。

转了很久，最后发现，把 position:fixed 改为 position:absolute 后就可以了。

没有专业的 css 人员，日子很难过。

转载于:https://my.oschina.net/tomlin/blog/161100

遮罩层 fixed 在 ie 里无法显示相关推荐

遮罩层与被遮罩层的闪烁问题
目录在一个盒子上设置一个遮罩层时出现的闪烁问题:即遮罩层与被遮罩层交替显示问题被遮罩层: 遮罩层: 原因在于: 解决方法可以为: 在一个盒子上设置一个遮罩层时出现的闪烁问题:即遮罩层与被遮罩层交替 ...
CSS实现鼠标悬浮时背景图片拉近且增加遮罩层效果
效果预览点击查看效果我们在浏览网站时会发现有一些图片在鼠标悬浮在上时会有放大拉近的效果. 想要实现这个效果有两种方法,第一种方法是控制背景图片,第二种方法是控制插入的图片,我们这里介绍第一 ...
Flash 实验遮罩层
实验提前说明,我们应该掌握的一些知识. 在Flash动画中,遮罩主要有两种用途: 一个作用是用在整个场景或一个特定区域,使场景外的对象或特定区域外的对象不可见: 另一个作用是用来遮罩住某一元件的一部分 ...
html遮罩层原理,纯js实现遮罩层效果原理分析
可以说这个功能,在我理解了前面的"贪吃蛇"之后,实在是与刚开始想象的难度差了好多,当然是这种方式有取巧之嫌,终归是实现了功能,我们来进行分析整理 1.实现原理本片文章的是实现原 ...
css——模态框【遮罩层的制作；信息层；往白色的块里添加表单】
目录 1.遮罩层的制作 2.信息层 3.往白色的块里添加表单 1.遮罩层的制作 <!DOCTYPE html> <html lang="zh-CN"> ...
jquery点击弹出播放视频并显示遮罩层
最近在做视频播放的时候,发现用jquery的播放视频可以很好的实现我所需要的效果.在之前请把插件引用进来,废话不多说,代码如下: <!DOCTYPE html> <html>& ...
css如何实现鼠标移至图片上显示遮罩层及文字
css如何实现鼠标移至图片上显示遮罩层及文字问题:一张图片当鼠标移动到上方时,会显示一个遮罩层,并且显示一些提示文字 html: <div class="contentimg&quo ...
【微信小程序】小程序显示弹窗时禁止下层的内容滚动|遮罩层滚动穿透
小程序显示弹窗时禁止下层的内容滚动|遮罩层滚动穿透第一种方式页面上加catchtouchmove="consume" JS // 把这个事件给消耗掉,这是是必须写的, 不写是可 ...
Vue项目如何实现进入网站后欢迎动画只播放一次的效果（欢迎动画是一个position:fixed；属性的遮罩层，直接写在首页页面上）
Vue项目如何实现进入网站后欢迎动画只播放一次的效果(欢迎动画是一个position:fixed;属性的遮罩层,直接写在首页页面上) 前端小白的我最近在项目上遇到了一个需求,就是网站首页上有个遮罩层的 ...
css-实现鼠标移至图片上显示黑色半透明遮罩层，且不至于遮住图片上的超链接的方法
作为一个刚接触html和css的小白,总会遇到一些细节问题,在这里写下一个我遇到的小问题的解决方法,方便今后加深理解,更高效地学习. 一般情况下,让一个图片有超链接,可以用a标签把 img包住,但是要 ...

遮罩层 fixed 在 ie 里无法显示

遮罩层 fixed 在 ie 里无法显示相关推荐

最新文章

热门文章