我怎么得到这个效果？

Question

我看到很多jquery插件都这样做，我想知道是否有人知道该怎么做（这会节省我很多时间）。

加载时说出jquery ui对话框。

它弹出所有华而不实的背景变暗。

http://jqueryui.com/demos/dialog/#modal

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