Artefakty na temat renderowania CSS w cieniu w Safari 6.0.2 na lwach górskich

Question

Mam trochę artefaktów w Safari 6.0.2 na Mountain Lion na moim MacBooku Pro, używając jakiejkolwiek innej przeglądarki, wszystko jest renderowane tak, jak powinno. Ale ciekawie używając Safari na moim komputerze iMac z OSX Lion, nie mogę odtworzyć problemu. Różne wersje systemu operacyjnego, inny procesor graficzny, błąd? czy robię coś nie tak?

Rozmnażanie: http://jsfiddle.net/gt2g4/ i 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; 
} 

O tym Mac:

MacBook Pro 13-calowy, połowa 2012 r

• Grafika Intel HD Graphics 4000 384 MB.

• Oprogramowanie OS X 10.8.2 (12C60).

• Safari w wersji 6.0.2 (8536.26.17)

Answer 1

Te artefakty są obecnie nieistniejący jak OS X 10.8.3 aktualizacji combo, że Apple pchnął 14 marca 2013 roku

Answer 2

Aktualizacja:

na starszej wersji systemu Windows Safari mógłbym powtórzyć błędu. Jednak w najnowszej wersji systemu Windows nie mogłem jej użyć. Jak stwierdziłem, w systemie Windows, gdy użyłem rozszerzenia webkit, zniknęło.

Ale Apple nienawidzi użytkowników systemu Windows; więc nie mogę go przetestować w żadnej innej wersji niż ta.

To bardzo dobrze może być błędem w sposobie, w jaki przeglądarka Safari czyta i wdraża kod; czy to się ostatnio zmieniło? Może też istnieć jakiś wyróżniający się system operacyjny, zmiana sprzętu.

Spróbuj zaktualizować sterownik karty graficznej bezpośrednio z ATI lub Nvidii. Rzeczywiście dziwne.

---

Dla najlepszej zgodności Safari; możesz użyć rozszerzenia -webkit. Można znaleźć dodatkowe szczegóły here:

Przykładem należy spróbować byłoby to:

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

Aby zmaksymalizować zgodność używam;

• -moz dla przeglądarki Mozilla Firefox.
• -webkit dla Safari i Chrome.
• -o dla Opery.

Następnie zwykle kaskadowy arkusz stylów. Pewnie dodaje trochę dodatkowego kodu, ale ma tendencję do maksymalizowania zgodności.Mam nadzieję, że to pomaga. Powieliłem Twój problem z przeglądarką Safari w systemie Windows; ale z -webkit zniknął.

Ale jak wspomniano powyżej; niektóre oprogramowanie lub sprzęt może powodować artefakt. Może się zdarzyć z przetaktowanym sprzętem. Mam nadzieję, że to pomaga.