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开始，opacity的{{1}} API选项似乎已被删除（最后一次使用的是v2.0.6）

Fancybox：不透明度问题

1 个答案: