是否有一个“任意HTML”等效于Lightbox,具有部分不透明度的掩码?

时间:2012-09-28 14:36:04

标签: javascript jquery html css css3

Lightbox 2很好地呈现了一个

的灯箱

(a)适用于图像,似乎没有记录非图像用途,

(b)完全不透明?div?除了灯箱之外,它还覆盖了所有东西。

我想要一个类似的程序

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

(b)对于叠加div具有50%的不透明度,因此背景仍然清晰可见,只是变暗和不再强调。

我最好的选择是什么?

3 个答案:

答案 0 :(得分:2)

通常不会回答软件建议,但我认为GreyBox符合您的要求。

该页面上的示例说明了半透明叠加层(在大多数情况下易于更改),并启动它以包含图像,网站等。

答案 1 :(得分:1)

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

答案 2 :(得分:0)

(a)你可以用iframe解决这个问题。但是如果你需要一个框架(它不是'程序'那么)尝试dojo。如果你想要干净的js代码,你需要阅读一下以使它像你想要的那样运行,对于简短的hack,dojos对话框很容易和快速使用。

(b)如果你不喜欢这种风格,你就不要改变你的javascript框架。这就像从单词变为开放式办公室,因为你不喜欢标准字体。只需包含一个包含此文件的css文件(!)灯箱的css文件:

#lightboxOverlay {
    opacity: 0.5;
}
相关问题