opera - Opera Mobiles css3 渲染问题

Question

在使用 Opera Mobile 测试我的网站时，我发现了一些严重的问题，我不知道它们为什么会发生以及如何解决它们。

下面是 FF (Windows) 和 Opera Mobile（FF 按预期渲染）之间的比较：

这是带有源代码的jsfiddle

以下是不同之处：

1. 第一张图片看起来很奇怪。
2. 第4张图消失了。
3. 图像部分/缺失border-radius。
4. box-shadow不见了。

我很确定box-shadow和border-radius是问题的主要原因，因为删除它们时一切看起来都很好。

我想知道它为什么会发生以及如何解决它......

非常感谢你！

Answer 1

当您删除时opacity，它会更好吗？似乎有一个非常不幸的错误混合了盒子阴影和不透明度。它由 Opera 的 CORE-39908 跟踪。我会将您的示例 jsfiddle 示例添加到错误报告中。