jquery - Fancybox：不透明度问题

Question

我对以下语法/代码不起作用（不再）是对的吗？

$(".fancybox").fancybox({
    helpers : {
        overlay : {
            opacity : 0.9,
            css : {
                'background-color' : '#f00' 
            }
        }
    }
});

看看：http: //jsfiddle.net/jRsjK/3375/

……但只有这个？

$(".fancybox").fancybox({
    helpers : {
        overlay : {
            css : {
                'background-color' : 'rgba(255, 0, 0, .9)'
            }
        }
    }
});

看看：http: //jsfiddle.net/jRsjK/3374/

Answer 1

如果您使用的是格式rgba(255, 0, 0, .9)，那么 css 属性应该是background，而不是background-color上面的示例代码。然后您的脚本应如下所示：

$(".fancybox").fancybox({
    helpers : {
        overlay : {
            css : {
                'background' : 'rgba(255, 0, 0, .9)'
            }
        }
    }
});

...请参阅JSFIDDLE（我设置了较低的不透明度值以使其更明显）

请记住，如果您不设置任何background属性，fancybox 将使用半透明的.png图像作为背景 (fancybox_sprite.png)。如果您设置background-color属性（如上面的示例），仍将使用png精灵，并且可能会影响您正在寻找的不透明度效果。

似乎自 2.1.x 版以来已删除了 的opacityAPI 选项overlay（最后使用的是 v2.0.6）