在CSS设置不透明度铬

Question

我已经试过如下：

（这实际上是对的fancybox，作为覆盖不镀铬/ 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(); 

，仍然没有（在铬/ Safari浏览器）

我在做什么错？

Answer 1

opacity应铬/ Safari/Firefox浏览器。该-moz和-khtml语法工作仅用于支持老得多这些浏览器的呃版本。

我从来没有穿过-webkit-opacity风格，似乎无法找到任何说明它存在的文档。我会尝试完全删除它或修复您在那里的语法错误：'-webkit-opacity:'到'-webkit-opacity'（没有尾部冒号）。

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