最新谷歌浏览器中的变换样式：preserve-3d 和不透明度

Posted 2023-03-06

【中文标题】最新谷歌浏览器中的变换样式：preserve-3d 和不透明度

【英文标题】：transform-style:preserve-3d and opacity in latest google chrome

【发布时间】：2012-01-15 09:34:46

【问题描述】：

我只在最新的 google chrome 和 chrome canary（测试版 chrome）中得到这个。

我看到的不是以 75% 的不透明度显示的图像，而是我在图像上设置的黑色背景颜色。

这似乎是因为我将变换样式设置为“preserve-3d”。这是一个已知的错误？有什么办法可以结合变换样式并仍然使用不透明度？

http://jsfiddle.net/RJQ3S/

谢谢， 卫斯理

【参考方案1】：

我必须承认我不知道这里发生了什么 - 找不到任何关于已知错误的信息 - 但如果你将不透明度添加到第二个 div，我似乎已经修复：

http://jsfiddle.net/RJQ3S/3/

【讨论】：

完美的解决方案谢谢 - 我必须添加前缀版本 -webkit-opacity: 0.99; -moz 不透明度：0.99；过滤器：alpha（不透明度=99）；