8

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

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

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;
}

关于本机：

MacBook Pro 13 英寸，2012 年中。

  • 显卡 英特尔高清显卡 4000 384 MB。

  • 软件 OS X 10.8.2 (12C60)。

  • Safari 版本 6.0.2 (8536.26.17)

4

2 回答 2

1

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

于 2013-03-15T08:06:25.160 回答
0

更新： 使用 5.1.7 尝试 1 尝试二

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

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

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

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

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

您应该尝试的示例如下：

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

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

  • -moz对于 Mozilla 火狐。
  • -webkit适用于 Safari 和 Chrome。
  • -o歌剧。

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

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

于 2012-12-03T22:15:19.813 回答