HTML5/CSS3實現添加鎖屏效果

 鎖屏效果，也就是將屏幕置於模態，不允許用戶觸發任何動作，只能解除鎖定後才能繼續使用，jQueryUI的dialog有模態對話框，這一點不難做到。那麼，首先需要在頁面中添加一個div層，用於做模態的層：  Html代碼   <div id="overlay">       其對應的CSS比較簡單，主要設置一下z-index屬性，值設置的很大即可，就能達到覆蓋其餘元素的效果，加上opacity淡化一

>>阅读原文<<