html - sombra - text shadow generator

Artefactos en la representación de CSS sombra de caja en Safari 6.0.2 en el león de montaña

Question

Tengo algunos artefactos en Safari 6.0.2 en Mountain Lion en mi Macbook Pro, usando cualquier otro navegador, todo se renderiza como se supone que debe ser. Pero, curiosamente, al usar Safari en mi iMac con OSX Lion no puedo reproducir el problema. Diferente versión del sistema operativo, GPU diferente, error? o estoy haciendo algo mal?

Reproducción: http://jsfiddle.net/gt2g4/ y 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;
}

Acerca de este mac:

MacBook Pro de 13 pulgadas, mediados de 2012.

• Gráficos Intel HD Graphics 4000 384 MB.

• Software OS X 10.8.2 (12C60).

• Safari Version 6.0.2 (8536.26.17)

Answer 1

Actualizar:

En una versión anterior de Windows Safari, pude replicar el error. Sin embargo, con la última versión para Windows no pude usarlo. Como dije, en Windows cuando utilicé la extensión webkit desapareció.

Pero Apple odia a los usuarios de Windows; así que no puedo probarlo en ninguna otra versión, luego esto.

Muy bien podría ser un error en la forma en que Safari Browser está leyendo e implementando el código; ¿Ha cambiado recientemente? O puede haber algún sistema operativo distintivo, cambio de hardware tampoco.

Intente actualizar su controlador de tarjeta gráfica directamente desde ATI o Nvidia. Extraño de hecho.

Para la mejor compatibilidad de Safari; es posible que desee utilizar la extensión -webkit . Puede encontrar detalles adicionales aquí:

Un ejemplo que debes probar sería este:

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

Para maximizar la compatibilidad que uso;

• -moz para Mozilla Firefox.
• -webkit para Safari y Chrome.
• -o para Opera.

Luego normalmente Hoja de Estilo en Cascada. Claro que agrega un código adicional, pero tiende a maximizar la compatibilidad. Espero que eso ayude. Reproduje tu problema con Safari en Windows; pero con -webkit desapareció.

Pero como se mencionó anteriormente; algunos software o hardware pueden estar causando el artefacto. Puede ocurrir con hardware overclockeado. Espero que eso ayude.

Answer 2

Estos artefactos ahora no existen a partir de la actualización combinada de OS X 10.8.3 que Apple lanzó el 14 de marzo de 2013.