在 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%。