Artefakte auf CSS-Rendering Box-Schatten auf Safari 6.0.2 auf Berglöwe

Question

Ich habe einige Artefakte auf Safari 6.0.2 auf Mountain Lion auf meinem Macbook Pro, mit jedem anderen Browser alles rendern, wie es sein soll. Aber neugierig Safari mit meinem iMac mit OSX Lion kann ich das Problem nicht reproduzieren. Andere OS-Version, andere GPU, Bug? oder mache ich etwas falsch?

Fortpflanzung: http://jsfiddle.net/gt2g4/ und 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; 
} 

Über diesen Mac:

MacBook Pro 13-Zoll, Mitte 2012

• Grafik Intel HD Graphics 4000 384 MB.

• Software OS X 10.8.2 (12C60).

• Safari Version 6.0.2 (8536.26.17)

Answer 1

Diese Artefakte sind nun nicht existent ab OS X 10.8.3 Combo Update, das Apple-14. geschoben März 2013

Answer 2

Update:

auf einer älteren Version von Windows Safari ich den Fehler replizieren konnte. Mit der neuesten Version für Windows konnte ich es jedoch nicht verwenden. Wie ich schon sagte, unter Windows, als ich die webkit Erweiterung verwendete, verschwand sie.

Aber Apple hasst Windows-Benutzer; also kann ich es dann auf keiner anderen Version testen.

Es könnte sehr gut ein Fehler in der Art sein, wie Safari Browser den Code liest und implementiert; hat es sich in letzter Zeit geändert? Oder es kann irgendein unterscheidendes Betriebssystem, Hardware Änderung entweder sein.

Versuchen Sie, Ihren Grafikkartentreiber direkt von ATI oder Nvidia zu aktualisieren. Seltsam.

---

Für die beste Safari-Kompatibilität; Vielleicht möchten Sie -webkit Erweiterung verwenden. Sie können weitere Details here:

Ein Beispiel finden Sie sollten dies würde versuchen:

-webkit-box-shadow: inset 0 3px 0 yellow, 
        inset 0 -3px 0 darkred, 
        -3px -4px 0 blue; 

Zur Maximierung der Kompatibilität Ich verwende;

• -moz für Mozilla Firefox.
• -webkit für Safari und Chrome.
• -o für Opera.

Dann normalerweise Cascading Stylesheet. Sicher, es fügt zusätzlichen Code hinzu, aber es neigt dazu, die Kompatibilität zu maximieren.Hoffentlich hilft das. Ich habe Ihr Problem mit Safari unter Windows reproduziert. aber mit -webkit verschwand es.

Aber wie oben erwähnt; Einige Software oder Hardware kann das Artefakt verursachen. Dies kann bei übertakteter Hardware auftreten. Hoffentlich hilft das aber.