本文實例講述了js CSS實作彈出一個全螢幕灰黑色透明遮罩效果的方法。分享給大家供大家參考。具體分析如下：
在眾多的網站都有這樣的效果，當進行一定的操作之後，會彈出一個灰黑色的半透明的遮罩，在上面可以操作指定的內容，例如可以彈出一個登陸框之類的內容，以下就介紹如何實現此種效果，程式碼實例如下:
以上實現了基本的遮罩功能，當點擊彈出遮罩，會彈出一個對象，當點擊關閉，遮罩效果消失。以下介紹如何實現次效果:
實作原理:
創建一個滿屏的div，使用絕對定位，這樣的話它就可以脫離文檔流，對其他的元素不會產生影響，並且將其設置為半透明狀態，當然這個透明度可以隨便調的，同時建立一個login元素，它也使用絕對定位，並將其z-index屬性值大於面屏的div，這個時候它就不會被滿屏div遮蓋。在預設狀態下這兩個div的display屬性值是none。當點擊對應的按鈕可以更改他們的display屬性值。
建議:盡可能的手寫程式碼，可以有效的提高學習效率和深度。
希望本文所述對大家的web程式設計有幫助。
