css - 在 Chrome 的 CSS 中设置不透明度

Question

我试过以下方法:

(这实际上是针对 fancybox，因为 overlay 在 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%。