jquery - Fancybox 覆盖不透明度

Question

我正在使用 fancybox 插件版本 2.0.6

我正在尝试更改文档中详述的覆盖不透明度，但无法使其正常工作。任何人都可以建议我如何做错了。

谢谢。

这是我所拥有的：

    $(function () {
        $(".fancybox")
        .attr('rel', 'gallery')
        .fancybox({
            padding : 0,
            margin : 0,
            arrows: false,
            closeBtn: false,
            closeClick: true,
            openEffect : 'none',
            openSpeed : 100,
            closeEffect : 'none',
            closeSpeed : 100,
                helpers : {
                    title : null,
                    speedIn: 0,
                    speedOut: 0,
                    opacity: 0.8,
                }
            });
        });

Answer 1

以这种方式尝试该helpers选项：

helpers : {
 overlay : {
  speedIn    : 0,
  speedOut   : 0,
  opacity    : 0.5
 },
 title : null
}

编辑（2012 年 9 月 12 日）：helpers =>overlay=>speedIn自fancybox v2.1 以来，该选项已被删除。它对 v2.0.6 及以下版本仍然有效。

Answer 2

我发现这个选项效果最好，它使用 CSS RGBA...

$(".fancybox").fancybox({
    helpers : {
        overlay : {
            css : {
                'background' : 'rgba(58, 42, 45, 0.95)'
            }
        }
    }
});

这是官方小提琴：http: //jsfiddle.net/jRsjK/