頁面遮罩層，並且阻止頁面body滾動。 bootstrap模態框原理_CSS/HTML

實作思路：

1、需要有一個層將body遮住，放在body上方。

2、修改body的overflow屬性值為：hidden

廢話不多說了，將關鍵代碼貼出來了，兼容火狐，谷歌，ie

遮罩層的樣式代碼，紅色部分是關鍵的部分

複製程式碼 程式碼如下:

.cover {
position:fixed; top: 0px; right:0px; bottom:0px;filter: alpha(opacity=60); background-color: #777;
z-index: 1002; left: 0px; display:none;
opacity:0.5; -moz-opacity:0.5;
}

網頁部分的程式碼

複製程式碼 程式碼如下:

　　

　　　　

js部分的程式碼

複製程式碼 程式碼如下:

function showMask(){
$(' body').css("overflow","hidden")
$("#cover").show();
}