在山狮子上的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:
#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年中。
软件OS X 10.8.2(12C60)。
Safari版本6.0.2(8536.26.17)
这些工件现在在2013年3月14日推出的OS X 10.8.3组合更新中不存在。
更新:
在旧版本的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。 -webkit
。 -o
用于Opera。 然后通常层叠样式表。 当然,它增加了一些额外的代码,但它趋向于最大化兼容性。 希望有帮助。 我在Windows上使用Safari重现了您的问题; 但-webkit
消失了。
但如上所述; 某些软件或硬件可能会导致人为因素。 它可以发生在超频硬件。 但希望这有帮助。
链接地址: http://www.djcxy.com/p/63119.html