在CSS中为Chrome设置不透明度

Question

我尝试了以下内容：

（这实际上是针对fancybox，因为叠加层没有显示在chrome / safari中：

   $("#fancy_overlay").css({<br />
                    'background-color': opts.overlayColor,<br />
                    'opacity': opts.overlayOpacity,<br />
                    '-moz-opacity': opts.overlayOpacity,<br />
                    '-khtml-opacity': opts.overlayOpacity,<br />
                    '-webkit-opacity:' : opts.overlayOpacity<br />
    }).show();

仍然没有（在chrome / safari中）

我做错了什么？

Answer 1

opacity适用于chrome / safari / firefox。 -moz和-khtml语法仅用于支持这些浏览器的旧版本。

我之前从未遇到-webkit-opacity样式，似乎找不到任何说明它存在的文档。我会尝试完全删除它或修复你在那里的语法错误：'-webkit-opacity:'到'-webkit-opacity'（没有尾随冒号）。

如果不起作用，请尝试打印opts.overlayOpacity的值。确保它类似于0.5而不是50或50%。