首頁 >web前端 >js教程 >js CSS實作彈出居中背景半透明div層的方法_javascript技巧

js CSS實作彈出居中背景半透明div層的方法_javascript技巧

WBOY
WBOY原創
2016-05-16 16:12:461374瀏覽

本文範例講述了js CSS實作彈出居中背景半透明div層的方法。分享給大家供大家參考。具體實作方法如下:

複製代碼 代碼如下:




js CSS彈出居中的背景半透明div層




 
CSS彈出層,或彈出窗口,背景半透明風格的彈出框,在網站登入、使用者註冊、公告提示方面都非常適合使用。 IE和FF,OP都可以~彈出視窗,背景半透明
原理:兩個層,一個高度和寬度都是100%,另一個就是你要彈出的窗口的具體內容,半透明在IE中是用filter: Alpha(opacity=60);在非IE中用opacity:0.60;
   點這裡打開視窗

兩層,一個高度和寬度都是100%,另一個就是你要彈出的窗口的具體內容,半透明在IE中是用filter: Alpha(opacity=60);在非IE中用opacity:0.60;






點選關閉視窗



希望本文所述對大家的javascript程式設計有所幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn