我试过以下方法:
(这实际上是针对 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 中)
我做错了什么?
最佳答案
opacity
应该适用于 chrome/safari/firefox。 -moz 和 -khtml 语法仅用于支持这些浏览器的旧版本。
我以前从未遇到过 -webkit-opacity
样式,而且似乎找不到任何说明它存在的文档。我会尝试完全删除它或修复其中的语法错误:'-webkit-opacity:'
到 '-webkit-opacity'
(没有尾随冒号) .
如果这不起作用,请尝试打印 opts.overlayOpacity
的值。确保它类似于 0.5
而不是 50
或 50%
。
关于css - 在 Chrome 的 CSS 中设置不透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1757425/