Safari 6渲染问题/工件（在Mountain Lion上）

12

我刚刚从苹果公司收到一封电子邮件的最终更新，确认此错误已在OS X Mountain Lion 10.8.3中修复。

我一直在都运行Mountain Lion的不同系统上使用Safari 6渲染问题，但找不到解决方案。我已经附上了一些截图来描述这个问题。

更新进一步调查表明，这可能仅是2012 Mac机型存在问题，特别是带有HD4000图形的机型。

更新工件似乎并不总是立即显示，需要一些重新加载和/或关闭/重新打开选项卡才能显示。

更新确认此问题不是 WebKit错误，已在Apple处记录为错误（问题12750455，Simon Fraser）。

Safari上的Twitter Bootstrap网站

Firefox上的Twitter Bootstrap网站

Safari上的柚木jsfiddle

柚木在Firefox上的jsfiddle

链接到截图上显示的网站：

macos safari graphics

— 雷内
source

2

我尝试了一些文本编辑，但是在尝试建议另一个站点是否更好并进行迁移之前，您能否阐明主要要查找的内容？您是否想要有关需要补丁的JQuery或WebKit / Safari？我们在这里更专注于用户，尽管有些人是程序员和Web开发人员，但对于代码级和错误/回归级知识的了解，我们并不是最佳的选择。我们可以为您指出如何向Apple提交错误，但这里通常没有详细的html / css / js问答。

— bmike

1

我很好... imgur.com/a/vICCs我正在OS X Lion 10.7.5上运行Safari 6.0.1

— daviesgeek 2012年

@bmike我的猜测是这是Mountain Lion问题，而不是html / css / js问题。

— 勒内·

我只是问了一个同样经营Mountain Lion的同事：那里没有问题。因此，问题的根源对我来说仍然是个谜。

— 勒内·

1

@René根据blackpixel.com/blog/2012/02/radar-or-gtfo.html，这是与Apple一起提出重复bug的好主意，因此，如果您也进行举报，可能是个好主意！

— Olly Hodgson

3

这是Safari中的一个错误，已在OSX Update 10.8.3中解决！

— 吉多·亨德里克斯
source

1

例如，添加更新说明的相关报价将极大地增加您的答案的价值。

— Thecafremo

1

在更新说明中并没有真正指出它，但是确实解决了它。我自己在更新前后进行了尝试。

— Guido Hendriks 2013年

1

苹果似乎已在本周发布的Mountain Lion 10.8.3 + Safari 6.0.3中修复了该问题。

— Sinklar 2013年

8

我可以确认这是Intel Graphics 4000 GPU的错误。我在我的13英寸Retina MacBook Pro上看到了图形伪像，而在装有Mt. Lion和Nvidia Geforce GPU的旧MBP上看不到。

在尝试为网站开发CSS按钮时，我对这个问题有第一手的经验。

我相信可以通过border-radius结合使用css3和css3来复制工件box-shadow。尽管很明显，它也发生在许多其他情况下。（我可以确认）

这是Webkit网站上错误报告的链接（尽管我不确定它是否属于该报告）：

https://bugs.webkit.org/show_bug.cgi?id=103087

SO问题来自：

/programming/13505314/artifacts-on-css-rendering-box-shadow-on-safari-6-0-2-on-mountain-lion

— 柚木
source

1

感谢您分享。但我不认为这是一个Webkit问题，因为此问题特定于OS X Mountain Lion，并且仅适用于HD4000图形。

— 勒内·

2

这不是Intel HD 4000错误。我只能在Intel HD 4000上的Safari中看到此错误。如果我使用（Opera，Chrome，Firefox）打开页面-我无法重现此错误

— 弗拉基米尔·卡德尼科夫
source

2

快速解决此问题的方法是对具有边界半径或其他导致损坏的属性的对象进行变换。这样，您将强制使用图形卡重绘，从而消除了问题。

应用以下属性：-webkit-transform: translate3d(0,0,0);-并且应该没问题。

— 卡尔姆斯
source

如果将其应用于包含很多内容的div上，则性能开销不是无关紧要的，但是可以解决该错误。

— 詹姆斯，

性能成本？我想看看一些数据。任何增加的费用应由GPU处理。

— 卡姆斯

1

空转换会在GPU上为该元素创建后备纹理。这使元素的移动变得便宜，因为它是合成的而不是绘画，但是由于需要将新纹理上载到GPU以及重新绘制元素，因此使元素的更改更加昂贵（例如，文本，尺寸，样式更改）。。您还会占用GPU内存，这可能是手机上的问题。

— JaffaTheCake 2013年

谢谢你关于此方面的信息有什么好的建议吗？

— 卡姆斯（Kalms）2013年

1

如果您无法提供互联网上存在的某些内容的链接以供他人复制/怀疑正在发生的事情，那么我会做以下事情。

尝试每晚进行一次Webkit构建，以查看是否是已修复的错误，但尚未发布。http://nightly.webkit.org
请从Safari中删除所有扩展，以确保不是由扩展引起的。

— bmike
source

我已经添加了指向屏幕快照中显示的网站的链接。

— 勒内·

我尝试了您的两个建议，但不幸的是它们没有用。

— 勒内·

1

我还可以在视网膜15英寸的Macbook（OSX 10.8.2，Safari 6.0.2）上确认此错误。

我的Macbook还配备了Intel HD4000，还有用于外部显示器的Nvidia GT 650M。

为了消除除显卡（驱动程序）以外的所有其他可能性，我使用了雷电dvi适配器连接Nvidia卡上的外接显示器。

结果：没有怪异的线条和怪异的jquery效果！

结论：HD4000（驱动程序）问题。

— 鲁本
source