我如何得到這個效果？

Question

我看過很多jQuery插件，這樣做，我想知道如果有人知道如何做到這一點（這將節省我很多時間）。

當你加載說jQuery UI對話框。

它彈出所有浮華和背景變暗。

​​

http://jreject.turnwheel.com/#（運行任何演示）

我認爲他們使用jquery淡入和淡出。但我不確定。可能大部分的效果都來自於zindex的css。

Answer 1

一個簡單<div>這是屏幕的最大尺寸是它的基礎，例如這裏的blockUI的版本：

<div style="z-index: 1000; border: none; margin: 0; padding: 0; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgb(0, 0, 0); cursor: wait; position: fixed; opacity: 0.6; "></div> 

Here's a minimalist demo showing it in action