在山狮子上的Safari 6.0.2上的阴影

我在我的Macbook Pro上的Mountain Lion上的Safari 6.0.2上使用了一些工件,并使用任何其他浏览器渲染所有渲染。 但好奇地在OSX Lion的iMac上使用Safari我无法重现该问题。 不同的操作系统版本,不同的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;
}

关于这个mac:

MacBook Pro 13英寸,2012年中。

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

  • Safari版本6.0.2(8536.26.17)


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


    更新: 尝试1与5.1.7尝试两次

    在旧版本的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 Firefox。
  • 用于Safari和Chrome的-webkit
  • -o用于Opera。
  • 然后通常层叠样式表。 当然,它增加了一些额外的代码,但它趋向于最大化兼容性。 希望有帮助。 我在Windows上使用Safari重现了您的问题; 但-webkit消失了。

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

    链接地址: http://www.djcxy.com/p/63119.html

    上一篇: shadow on Safari 6.0.2 on mountain lion

    下一篇: Safari Mac OSX Backspace Issues