Fancybox：不透明度问题

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

$(".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（上次使用的版本是v2.0.6）开始，似乎删除了overlay的opacity API选项