javascript - 是否有与 Lightbox 等效的“任意 HTML”，具有部分不透明的遮罩？

Question

Lightbox 2很好地展示了一个灯箱，

(a) 适用于图像，但似乎没有记录用于非图像使用，并且

(b) 对 ?div 具有完全的不透明度？覆盖除灯箱之外的所有内容。

我想要一个类似的程序

(a) 适用于任意 HTML，或至少一个包含 CSS 定位的 div、图像和文本的 div，以及

(b) 覆盖 div 的不透明度为 50%，这样背景仍然清晰可见，只是变暗和淡化。

我最好的选择是什么？

Answer 1

通常不会回答软件建议，但我认为GreyBox适合您。

该页面上的示例说明了一个半透明的叠加层（但是，在大多数情况下很容易更改）并启动它以包含图像、网站等。

Answer 2

Fancybox - 将为您提供该功能集。

Answer 3

(a) 你可以用 iframe 自己解决这个问题。但是，如果您需要一个框架（它不是“程序”），请尝试 dojo。如果你想要干净的 js 代码，你需要阅读一些内容才能让它像你想要的那样运行，对于一个简短的 hack，但是 dojos 对话框也很容易和快速使用。

(b) 如果您不喜欢这种风格，请不要更改您的 javascript 框架。这就像因为您不喜欢标准字体而从 word 更改为 open office。只需在灯箱的 css 文件之后（！）包含这个 css 文件：

#lightboxOverlay {
    opacity: 0.5;
}