山狮 Safari 6.0.2 上 CSS 渲染 box-shadow 的神器答案

【问题标题】：Artifacts on CSS rendering box-shadow on Safari 6.0.2 on mountain lion山狮 Safari 6.0.2 上 CSS 渲染 box-shadow 的神器
【发布时间】：2012-11-10 09:58:29
【问题描述】：

我在 Macbook Pro 上的 Mountain Lion 上的 Safari 6.0.2 上有一些工件，使用任何其他浏览器，一切都按预期呈现。但奇怪的是在我的 iMac 上使用 Safari 和 OSX Lion 我无法重现这个问题。不同的操作系统版本，不同的 GPU，错误？还是我做错了什么？

复制： http://jsfiddle.net/gt2g4/ 和 http://jsfiddle.net/T966K/1/

CSS：

#test{

    width: 150px;
    height: 150px;

    border-radius: 50%;

    background-color: blue;
    box-shadow: inset 0px 3px 0px yellow,
                inset 0px -3px 0px darkred,
                -3px -4px -0px blue;
}

关于本机：

13 英寸 MacBook Pro，2012 年中。

显卡 Intel HD Graphics 4000 384 MB。

软件 OS X 10.8.2 (12C60)。

Safari 版本 6.0.2 (8536.26.17)

【问题讨论】：

欢迎来到现实世界）这里冷是不同的原因，可能是软件或/和硬件
@dmi3y 你能在浏览器中重现这个问题吗？
我将其报告为错误bugs.webkit.org/show_bug.cgi?id=103087
我在 2011 年中期配备 Radeon HD 6630M 的 Mac Mini 上运行 Safari 6.02 Mountain Lion，但我没有遇到这些故障。
@Vitim.us 所以看起来它特定于您的 Safari 和硬件版本。与旧版本一样，它可以正常工作，但安装 6.0.2 后会出现工件。这就是我在测试中发现的。

标签： css html safari artifacts

【解决方案1】：

在 Apple 于 2013 年 3 月 14 日推出的 OS X 10.8.3 组合更新中，这些工件现已不存在。

【讨论】：

确认，10.8.3 更新修复了我的 macbook pro 上的问题。

【解决方案2】：

更新：

在旧版本的 Windows Safari 上，我可以复制该错误。但是，对于 Windows 的最新版本，我无法使用它。正如我所说，在 Windows 上，当我使用 webkit 扩展时它消失了。

但 Apple 讨厌 Windows 用户；所以我不能在任何其他版本上测试它。

这很可能是 Safari 浏览器读取和实现代码的方式中的一个错误；最近有变化吗？或者可能有一些不同的操作系统，硬件变化。

尝试直接从 ATI 或 Nvidia 更新您的显卡驱动程序。确实很奇怪。

为了获得最佳的 Safari 兼容性；您可能想使用-webkit 扩展名。您可以找到更多详细信息here:

您应该尝试的示例如下：

-webkit-box-shadow: inset 0 3px 0 yellow,
                    inset 0 -3px 0 darkred,
                    -3px -4px 0 blue;

为了最大限度地提高我使用的兼容性；

-moz 用于 Mozilla Firefox。
-webkit 用于 Safari 和 Chrome。
-o Opera。

然后通常是层叠样式表。当然，它添加了一些额外的代码，但它倾向于最大限度地提高兼容性。希望这会有所帮助。我在 Windows 上重现了您的 Safari 问题；但-webkit 消失了。

但是如上所述；某些软件或硬件可能会导致伪影。它可能发生在超频硬件上。希望这会有所帮助。

【讨论】：

你能显示使用-webkit前缀后效果消失的截图吗？我很惊讶这会有所作为。
是的，没问题。明天我回到办公室后再做。
我在我的 rMPB 上看到了相同的工件，而 -webkit- 没有任何改变。
是的，视网膜 MacBook Pro。它可能因显卡而异。
@JacksonGariety 显卡相关，我从来不是这些英特尔显卡的忠实粉丝，我的是Graphics Intel HD Graphics 4000 384 MB，我想和你的一样。我正在做组合更新，让我们看看它是否修复。