Problèmes/artifacts de rendu de Safari 6 (sur Mountain Lion)

Je peux confirmer qu'il s'agit d'un bogue avec le GPU Intel Graphics 4000. Je vois les artefacts graphiques sur mon MacBook Pro 13" Retina et pas sur mon MBP plus ancien qui a Mt. Lion et un GPU Nvidia Geforce.

J'ai une expérience directe de ce problème en essayant de développer des boutons css pour des sites web...

Je pense que les artefacts peuvent être reproduits en utilisant le css3 border-radius en conjonction avec un box-shadow . Bien que cela se produise évidemment dans de nombreuses autres circonstances. (Ce que je peux confirmer)

Voici un lien vers un rapport de bogue sur le site webkit (bien que je ne sois pas sûr qu'il y ait sa place) :

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

Et la question du SO qui en découle :

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

Ce n'est pas un bug de l'Intel HD 4000. Je peux voir ce bogue uniquement à partir de Safari sur Intel HD 4000. Si j'ouvre la page avec (Opera, Chrome, Firefox) - je ne peux pas reproduire ce bug.

Une solution rapide à ce problème consiste à utiliser une transformation sur l'objet avec le rayon de la bordure ou une autre propriété causant des dommages. De cette façon, vous forcez la carte graphique à redessiner l'objet, ce qui élimine le problème.

Appliquez la propriété suivante : -webkit-transform: translate3d(0,0,0); - Et tu devrais aller bien.

Voici ce que je ferais si vous ne pouvez pas fournir un lien vers quelque chose qui est en direct sur l'internet pour que d'autres puissent reproduire / comprendre ce qui se passe.

1. Essayez un nightly webkit build pour voir si c'est un bug qui est corrigé, mais pas d'expédition. http://nightly.webkit.org

2. Supprimez toutes les extensions de Safari pour être sûr que le problème n'est pas dû à l'une d'entre elles.