Contenido

Otro CSS Hack para Safari

23 ene

+ 4

Hace unos meses, Diego publicó un hack distinguir Safari frente al resto de navegadores en nuestros ficheros CSS. Pese a que no soy amante de los hacks ya que nos obliga a no respetar los estandares CSS para conseguir efectos que podrían ser pensados de otra forma, he de reconocer que no siempre tenemos la potestad o la posibilidad de evitarlo, y hemos de caer en sus garras.

Para distinguir Safari 3.0 y Opera 9,  de entre todos los demás navegadores en nuestros CSS, podemos recurrir al siguiente hack.

body { background-color: red; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    body { background-color: blue; }
}

Como podemos ver, el hack es muy fácil de implementar, además, nos permite tener bastante bien ordenado nuestro CSS.

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Reglas de Safari 3.0 y Opera 9  */
}

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.