山狮Safari 6.0.2上CSS渲染框阴影上的工件

山狮Safari 6.0.2上CSS渲染框阴影上的工件,css,html,safari,artifacts,Css,Html,Safari,Artifacts,我在Macbook Pro上的Mountain Lion上的Safari 6.0.2上有一些人工制品,使用任何其他浏览器,一切都按预期进行渲染。 但奇怪的是,在我的iMac和OSX Lion上使用Safari,我无法重现这个问题。不同的操作系统版本,不同的GPU,错误?还是我做错了什么 复制: 及 CSS: 关于此mac: MacBook Pro 13英寸,2012年年中 图形英特尔高清图形4000 384 MB 软件OS X 10.8.2(12C60) Safari版本6.0.2(8536

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

复制: 及

CSS:

关于此mac:

MacBook Pro 13英寸,2012年年中

  • 图形英特尔高清图形4000 384 MB
  • 软件OS X 10.8.2(12C60)

  • Safari版本6.0.2(8536.26.17)

更新:

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

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

这很可能是Safari浏览器读取和实现代码时的一个bug;最近有变化吗?或者可能会有一些与众不同的操作系统,硬件也会发生变化

尝试直接从ATI或Nvidia更新图形卡驱动程序。真奇怪


为了获得最佳的狩猎兼容性;您可能需要使用
-webkit
扩展名。您可以找到其他详细信息

您应该尝试以下示例:

-webkit-box-shadow: inset 0 3px 0 yellow,
                    inset 0 -3px 0 darkred,
                    -3px -4px 0 blue;
最大限度地兼容我使用

  • 适用于Mozilla Firefox的moz
  • -用于Safari和Chrome的webkit
  • -o
    用于Opera
然后是通常的级联样式表。当然,它添加了一些额外的代码,但它倾向于最大限度地提高兼容性。希望这能有所帮助。我在Windows上用Safari复制了您的问题;但是随着
-webkit
它消失了


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

苹果公司在2013年3月14日推出的OS X 10.8.3组合更新版中,这些工件现在已经不存在了。

欢迎来到现实世界)这里可能有不同的原因,可能是软件或/和hardware@dmi3y你能在你的浏览器中重现这个问题吗?我报告它是一个bug,我正在2011年年中的Mac Mini上运行Safari 6.02 Mountain Lion,带有Radeon HD 6630M,我没有遇到这些问题。@Vitim.us,所以它看起来像是针对你的Safari和硬件版本的。与旧版本一样,它可以毫无问题地工作,但在安装6.0.2之后,工件出现了。这就是我在测试中发现的。你能显示使用-webkit前缀后效果消失的屏幕截图吗?我很惊讶这会有所不同。是的,没问题。我明天回到办公室后再做。我在我的rMPB上看到了相同的工件,
-webkit-
没有任何改变。是的,MacBookPro。图形卡之间可能有所不同。@JacksonGariety图形卡相关,我从来不是这些英特尔卡的忠实粉丝,我的是
图形英特尔高清图形4000 384 MB
,我想这和你的一样。我现在正在做组合更新,让我们看看它是否修复。确认,10.8.3更新修复了我的macbook pro上的问题。
-webkit-box-shadow: inset 0 3px 0 yellow,
                    inset 0 -3px 0 darkred,
                    -3px -4px 0 blue;