Question

JS怎么创建一个遮罩层将整个页面都遮盖住？

我在别人的工程上新建了自己的一个项目，想做出一个弹出框，后面的父页面都为灰色无法操作的效果，但是其中的遮罩层就是无法遮罩整个页面，只能做到遮罩我开发的那一块地方，原先工程的东西都没有被覆盖(这个工程左边有一列菜单，右边是个任务列表，上面是个标题，我开发的部分就是中间那块空白)，我也尝试过将遮罩层放大到和整个页面一样大，并且把z-index设置9999但是起效果的还是自己开发的那部分，我想请问下，怎么设置才能满足要求
我设置遮罩层的script代码如下：
var mask = createEle('div');
mask.id = 'shadow';
mask.style.cssText = "position:absolute;left:0;top:0px;background:#000;filter:Alpha(Opacity=30);opacity:0.5;z-index:100;width:1920px;height:669px;";

Answer 1

你这个应该是由于iframe的原因吧，建议使用top访问顶层页面，然后在顶层页面加入这个遮罩层试试。

追问

能具体写一下告诉我吗？我刚才用window.top.location查了下顶层页面，就是我自己写的工程页面。而且我看了下代码发现结构很奇怪，我自己写的body嵌套在了别人工程的body下面了，现在的结构是->->->，所以我只能控制我写的这个body区

追答

top.document.getElementsByTagName("body")[0].appendChild(mask);你这样试试呢

Answer 2

position: fixed; top:0; left: 0