在山狮的Safari 6.0.2上的CSS渲染框阴影上的文物

Question

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

关于这个mac：

  

MacBook Pro 13英寸，2012年中。

     

  
• 图形Intel HD Graphics 4000 384 MB。
  

• 软件OS X 10.8.2（12C60）。

  

• Safari版本6.0.2（8536.26.17）

  

Answer 1

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

Answer 2

<强>更新

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

但苹果公司讨厌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它消失了。

但如上所述;某些软件或硬件可能会导致工件。超频硬件可能会发生这种情况。希望这会有所帮助。