在CSS中为Chrome设置不透明度

我尝试过以下方法:

(这实际上是针对fancybox,因为叠加层没有显示在chrome/safari中:

   $("#fancy_overlay").css({

                    'background-color': opts.overlayColor,

                    'opacity': opts.overlayOpacity,

                    '-moz-opacity': opts.overlayOpacity,

                    '-khtml-opacity': opts.overlayOpacity,

                    '-webkit-opacity:' : opts.overlayOpacity

    }).show();

而且还没什么(在chrome/safari中)

我究竟做错了什么？

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

我以前从来没有碰过这种-webkit-opacity风格,似乎找不到任何说它存在的文件.我会尝试完全删除它或修复你在那里的语法错误:'-webkit-opacity:'to '-webkit-opacity'(没有尾随冒号).

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