怎么用JS弄遮罩層？全屏，有透明

css:

#loadArea{

position:fixed;

width:100%;

height:100%;

z-index:9999;

opacity:0.8;

background:#A8A1A1;

}

javascript:

$(document).append('div id="loadArea"/div');

js彈出的遮罩層，如何能遮住全屏？

工具：電腦；瀏覽器；ultraedit軟件；

操作步驟如下：

1、打開UE編輯器，新建一個空白的html文件和css文件；

2、在html文件中輸入以下html代碼；

3、在css文件中輸入以下css代碼；

4、編輯完成之后，選擇格式為UTF8-無 BOM模式，保存文件；

5、在瀏覽器中打開此html文件，可以看到最終想要實現(xiàn)的遮住全屏效果。

js遮罩窗體怎么做

1、實現(xiàn)原理?

* 實際上彈出層、遮罩層和原頁面顯示分別為三個不同的div?

* 彈出層的層級在遮罩層之上，遮罩層的層級在原頁面顯示之上；?

* 遮罩層有通明效果?

* 遮罩層沒有實際意義，則無需在html部分就寫上，當然寫上同樣可以實現(xiàn)

2、代碼實現(xiàn)?

html語言如下：

body?

????center?

????????div?input?type="button"?value="go"?onclick="show()"/div?

????????div?id="alert"?style="display:none;"?

????????form?

????????????登錄?

????????????input?type="text"input?type="password"input?type="submit"?value="login"?

????????/form?

????????/div?

????/center?

/body

javascript實現(xiàn)彈出層和遮罩層：

span?style="font-size:12px;"scriptfunction?show(){?

var?alertPart=document.getElementById("alert");?

alertPart.style.display="block";?

alertPart.style.position?=?"absolute";?

alertPart.style.top?=?"50%";?

alertPart.style.left?=?"50%";?

alertPart.style.marginTop?=?"-75px";?

alertPart.style.marginLeft?=?"-150px";?

alertPart.style.background="cyan";?

alertPart.style.width="300px";?

alertPart.style.height="200px";?

alertPart.style.zIndex?=?"501";?

var?mybg?=?document.createElement("div");?

mybg.setAttribute("id","mybg");?

mybg.style.background?=?"#000";?

mybg.style.width?=?"100%";?

mybg.style.height?=?"100%";?

mybg.style.position?=?"absolute";?

mybg.style.top?=?"0";?

mybg.style.left?=?"0";?

mybg.style.zIndex?=?"500";?

mybg.style.opacity?=?"0.3";?

mybg.style.filter?=?"Alpha(opacity=30)";?

document.body.appendChild(mybg);?

document.body.style.overflow?=?"hidden";?

}?

/script/span

javascript的圓形遮罩問題？

在頁面里加個全屏的div塊，設置半透明，z-index設置最高。然后將放大后的圖片z-index設置比遮罩層高一點。點擊遮罩層或關(guān)閉按鈕后用JS隱藏遮罩層和圖片。

Javascript鼠標事件怎么捕獲遮蓋的元素？

通過事件冒泡來觸發(fā)事件，獲取當前事件對象代碼

alert(e.currentTarget.id)