在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.确保它是,0.5而不是50或50%.