JS怎麼建立一個遮罩層將整個頁面都遮蓋住?

  • 作者:由 匿名使用者 發表于 動漫
  • 2022-11-09

我在別人的工程上新建了自己的一個專案,想做出一個彈出框,後面的父頁面都為灰色無法操作的效果,但是其中的遮罩層就是無法遮罩整個頁面,只能做到遮罩我開發的那一塊地方,原先工程的東西都沒有被覆蓋(這個工程左邊有一列選單,右邊是個任務列表,上面是個標題,我開發的部分就是中間那塊空白),我也嘗試過將遮罩層放大到和整個頁面一樣大,並且把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;”;

JS怎麼建立一個遮罩層將整個頁面都遮蓋住?shuyue_888 2016-08-02

你這個應該是由於iframe的原因吧,建議使用top訪問頂層頁面,然後在頂層頁面加入這個遮罩層試試。

JS怎麼建立一個遮罩層將整個頁面都遮蓋住?流奶咖啡 2016-08-02

position: fixed; top:0; left: 0

Top