css - 在 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:'to '-webkit-opacity'（没有尾随冒号）。

如果这不起作用，请尝试打印opts.overlayOpacity. 确保它是 like0.5而不是50or 50%。