遮罩层 fixed 在 ie 里无法显示

最新推荐文章于 2022-11-28 16:43:16 发布

weixin_33674976

最新推荐文章于 2022-11-28 16:43:16 发布

阅读量191

点赞数

原文链接：https://my.oschina.net/tomlin/blog/161100

版权

公司没有懂 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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33674976

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
遮罩层 fixed 在 ie 里无法显示

公司没有懂 css 的人，连前台都要自己搞，很郁闷。搞了...
复制链接

扫一扫

js解决IE遮罩层无法遮罩select

stelin

11-07

242

1、包含js (function(a){a.fn.bgiframe=(a.browser.msie&&/msie 6\.0/i.test(navigator.userAgent)?function(d){d=a.extend({top:"auto",left:"auto",width:"auto",height:"auto",opacity:true,src:"javasc...

添加`position:fixed；`后元素不见了

clf20731的博客

11-27

3654

问题我想让header元素固定在页面顶部，所以加了position:fixed;，并且设置了top:0;,但是实际情况是添加完position:fixed;后，整个header就不显示了 // 用于搭建项目的框架结构 <template> <div> <header></header> </div> </template> <style scoped> * { margin: 0; padd

参与评论您还未登录，请先登录后发表或查看评论

position: fixed定位失效原因及解决方案

surui0419的博客

11-28

6269

position: fixed问题分析

解决ie6中fixed不起作用的问题

前端岚枫

10-30

1311

有时需要把一个元素固定在页面的某个部位，一般的解决方法是： .box{position:fixed;bottom:0;right:10px;} 让元素固定在浏览器的底部和距离右边的10个像素。一般的浏览器都支持这种方法，但是ie6不支持fixed 解决办法： .box{osition:fixed; _position:absolute; bottom:0; right:10p

ie8兼容性问题(六) 遮罩层(absolute,fixed)

云_飞扬

09-20

3105

带遮罩层的弹框的实现(absolute和fixed同理，以下代码用fixed举例)<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> #container { position: fixed; top:0;

css div实现的遮罩层完美兼容IE6-IE9 FireFox

09-25

在网页设计中，创建一个能够完美兼容不同浏览器的遮罩层是至关重要的，尤其是在面对像IE6这样的老版本浏览器时。本篇文章将详细介绍如何使用CSS和div元素来创建一个兼容IE6到IE9以及Firefox的遮罩层。首先，我们...

在浏览器窗口上添加遮罩层的方法

12-04

3. **IE6的特殊处理**：在IE6下，遮罩层无法覆盖`select`元素，这可以通过在遮罩层内嵌入一个`iframe`来解决。`iframe`的目的是创建一个新的层，从而隔离遮罩层与`select`元素，防止选中穿透。 ```html ;...

jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7

10-25

然而，对于IE6，由于其对CSS透明度的支持有限，因此遮罩层的背景颜色无法完全透明，只能呈现出不透明的黑色。在实际项目中，除了基本的遮罩层和弹出层功能外，还可以进一步扩展此插件，例如添加动画效果、关闭按钮...

jQuery遮罩层实现方法实例详解(附遮罩层插件)

11-24

在 JavaScript 部分，我们可以使用 jQuery 实现遮罩层的显示和隐藏。以下是一些关键函数： ```javascript function showOverlay() { $("#overlay").height(pageHeight()); $("#overlay").width(pageWidth()); $...

解决IE不支持position:fixed问题

hmonkey915的专栏

02-28

4037

页面上需要一个固定位置的块，不论页面怎么滚动，始终停在它的位置，比如“返回顶部”、“给建议”、“分享按钮”、“广告”等等。css中有position: fixed;可以直接用。IE确不支持，有没有好的办法解决评论 (1) • 分享 • 链接 • 2012-02-03 0 这个兼容性问题通常是采用JS+绝对定位方式处理 – xiaomi 2012-02-0

解决IE6下不支持position:fixed属性

回忆的夏天

07-12

863

先弱弱的问一句，市场上还有多少项目需要考虑兼容IE6的….. * 正常浏览器和IE7+浏览器显示如下： * IE6下显示结果：发现position:fixed属性失效，因为IE6是不支持这个属性的解决办法：在css样式里面加上下面这段代码: * html #menu {/*解决position：fixed不兼容问题*/ position: absolu...

element ui 弹出组件的遮罩层以及多层遮罩解决办法

weixin_44745683的博客

09-25

1万+

做项目中遇到几次弹出框遮罩层的问题。有嵌套的弹出框。还有单页面中tabs标签页的弹出框。今天就说一下tabs中的弹出框遮罩层的问题。这个页面有五个tabs页签，每一个都有弹出框组件，也就是说每一个都有遮罩层。很有趣的问题：我在第五个tabs页签中打开弹出框，没问题。可以正常使用。当我在第四个tabs页签中打开弹出框时，会出现上图这种情况，（鼠标点击一下，一层遮罩就会消失）。当我在第一个页...

Bootstrap之modal关闭，但遮罩层无法隐藏

热门推荐

w926498的博客

08-27

2万+

点击如下modal中的按钮时，modal可以正常关闭。 <button v-if="flag == 'update' " data-dismiss="modal" class="btn btn-success btn-sm" @click="updateMainProjectSubmit()">修改 </button> 因为想在点

模态框在IE下的问题，即position:fixed在IE下不兼容的处理方式

weixin_34245082的博客

06-28

227

　　项目中遇到的问题，模态框在IE下总出现如图所示双层遮罩框，经排查发现是由于bootstrap里写的modal的样式里position:fixed不兼容IE的原因，导致铺不满整个窗口。　　解决方案：在项目文件的公共样式里给“.modal”样式加上：position:-ms-page，效果即正常，可以让想要的modal fade平铺满整个窗口 .modal{ position:-ms-...

在ie下实现position:fixed效果最简单有效的途径

hiyoungjay

02-20

695

有个限制，一定要设置一下DOCTYPE [code="HTML"] [/code] 给需要fixed的元素加个类名class='fixed' 普通的style里面 div.fixed { position; fixed } 给支持fixed的浏览器 然后加上 [code="HTML"] [/code]...

fixed定位失效，transform影响普通元素

技术前端，忠于热爱 @回忆哆啦没有A梦

04-18

1489

fixed定位失效，transform影响普通元素;CSS3 transform对普通元素的N多渲染影响

Ext 遮罩层 在 IE 中失效

u014257959的博客

09-16

368

最近接触了extjs。发现 Ext.Ajax.request 中的 async:false 这个设定会让 Ext 中的 遮罩层 失效。但是如果你仅仅只是写 遮罩层显示，而不隐藏，那么等 Ext.Ajax.request 这个操作执行完之后，遮罩层就能显示。由此，应该是 Ext.Ajax.request 中的 async:false 异步请求，让其不能操作。去掉这个 as

display: fixed 失效的原因

weixin_30608503的博客

08-18

5006

stacking context 会导致 position: fixed 失效，或者出现一些异常表现。（不同的浏览器内核有不同的表现） stacking context (堆叠上下文) 层叠上下文是HTML元素的三维概念，这些HTML元素在一条假想的相对于面向（电脑屏幕的）视窗或者网页的用户的z轴上延伸，HTML元素依据其自身属性按照优先级顺序占用层叠上下文的空间。摘自MDN 文档中的层叠...

fixed在部分IE11下页面滚动时抖动问题

rrrrroy_Ha的博客

08-04

716

项目用JQuery框架，对IE11以下做了屏蔽处理，所以本文只记录IE11中的fixed问题。在win10系统下，部分电脑的IE浏览器在向下滑动时，会出现position:fixed的导航块上下轻微抖动的问题，访问淘宝也会出现，那就说明是浏览器的问题。经过查阅，得到以下js代码，可解决问题： var isIE=!!window.ActiveXObject || "ActiveXObject" in window; // 解决部分IE下页面滚动时导航栏闪屏的问题，因为其他地方做IE11以下屏蔽处理

前端按钮点击后显示黑色遮罩在遮罩层显示对应内容

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交