Probleme beim Rendern von Safari 6 / Artefakte (auf Mountain Lion)

Letztes Update Ich habe gerade eine E-Mail von Apple erhalten, in der bestätigt wird, dass dieser Fehler in OS X Mountain Lion 10.8.3 behoben wurde

Ich habe Probleme beim Rendern von Safari 6 auf verschiedenen Systemen, auf denen Mountain Lion ausgeführt wird, und kann keine Lösung finden. Ich habe einige Screenshots angehängt, um das Problem zu beschreiben.

Update Weitere Untersuchungen deuten darauf hin, dass dies möglicherweise nur bei 2012-Mac-Modellen ein Problem ist, insbesondere bei denen mit HD4000-Grafik.

Aktualisieren Es sieht so aus, als würden die Artefakte nicht immer sofort angezeigt, was ein erneutes Laden und / oder Schließen / erneutes Öffnen von Registerkarten erfordert, bevor sie angezeigt werden.

Update Das Problem wurde als kein WebKit-Fehler bestätigt und bei Apple als Fehler gemeldet (Problem 12750455 von Simon Fraser).

Twitter Bootstrap-Website auf Safari

Twitter Bootstrap-Website auf Firefox

Teak jsfiddle auf Safari

Teak jsfiddle auf Firefox

Links zu den in den Screenshots gezeigten Websites:

• Twitter Bootstrap
• Teak's Geige

Es war ein Fehler in Safari, der in OSX Update 10.8.3 behoben wurde!

Ich kann bestätigen, dass dies ein Fehler mit der Intel Graphics 4000 GPU ist. Ich sehe die Grafikartefakte auf meinem 13 "Retina MacBook Pro und nicht auf meinem älteren MBP mit Mt. Lion und einer Nvidia Geforce-GPU.

Ich habe Erfahrungen aus erster Hand mit diesem Problem, als ich versuchte, CSS-Schaltflächen für Websites zu entwickeln ...

Ich glaube, dass die Artefakte reproduziert werden können, indem man css3 border-radiusin Verbindung mit a verwendet box-shadow. Obwohl es offensichtlich auch unter vielen anderen Umständen passiert. (Was ich bestätigen kann)

Hier ist ein Link zu einem Fehlerbericht auf der Webkit-Website (obwohl ich nicht sicher bin, ob er dort hingehört):

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

Und die SO-Frage kam von:

https://stackoverflow.com/questions/13505314/artifacts-on-css-rendering-box-shadow-on-safari-6-0-2-on-mountain-lion

Dies ist kein Intel HD 4000-Fehler. Ich kann diesen Fehler nur in Safari auf Intel HD 4000 sehen. Wenn ich eine Seite mit (Opera, Chrome, Firefox) öffne, kann ich diesen Fehler nicht reproduzieren

Eine schnelle Lösung für dieses Problem ist die Verwendung einer Transformation für das Objekt mit dem Rahmenradius oder einem anderen Schaden, der Eigentum verursacht. Auf diese Weise erzwingen Sie ein Neuzeichnen mit der Grafikkarte, und das behebt das Problem.

Wenden Sie die folgende Eigenschaft an: -webkit-transform: translate3d(0,0,0);- Und es sollte Ihnen gut gehen.

Hier sind Dinge, die ich tun würde, wenn Sie keinen Link zu etwas bereitstellen könnten, das im Internet verfügbar ist, damit andere das Geschehen duplizieren / herausfinden können.

1. Versuchen Sie es mit einem Webkit-Build, um festzustellen, ob es sich um einen behobenen Fehler handelt, der nicht im Lieferumfang enthalten ist. http://nightly.webkit.org

2. Entfernen Sie alle Erweiterungen von Safari, um sicherzustellen, dass sie nicht von einer verursacht werden.

Ich kann diesen Fehler auch auf einem 15 "Macbook mit Netzhaut (osx 10.8.2, safari 6.0.2) bestätigen.

Mein MacBook hat auch Intel HD4000, aber auch Nvidia GT 650M für das externe Display.

Um alle anderen Möglichkeiten außer der Grafikkarte (Treiber) auszuschließen, habe ich einen Thunderbolt-DVI-Adapter verwendet, um ein externes Display an die Nvidia-Karte anzuschließen.

Ergebnis: Keine seltsamen Linien und ausgeflippten JQuery-Effekte!

Fazit: HD4000 (Treiber) Problem.