Creative Solutions Development Blog

Debido a las inconsistencias de las diversas versiones de los navegadores, surgió la necesidad de crear CSS para cada navegador.
Pero, ¿Cómo puede un navegador reconocer que css utilizar?
Para esto surgieron los hacks css, cada navegador interpreta los css de distintas maneras.
Los hacks son sintaxis que se utilizan en los css para que los navegadores interpreten una sentencia específica de un código css.

Hacks para los diferentes navegadores

Hacks del subrayado (_) Internet Explorer 6 o inferiores

Es utilizado en las versiones 6 o inferiores de Internet Explorer, los demás navegadores ingnoran esto debido a que lo leen como una sintaxis errónea de css.

div{width: [Sintaxis clásica];

_width: [Internet Explorer 6 o inferiores];}

Hacks de estrella (*) Internet Explorer 7

Este hacks es sólo reconocido por la versión 7 de Internet Explorer, para los demás navegadores es un error de CSS.

div{width: [Sintaxis clásica];*width: [Internet Explorer 7 solamente];}

Hacks !important (Solo Internet Explorer 6)

Si se desea que un css no sea aplicado en Internet Explorer 6, se puede utilizar este hacks

.clase{margin:100px !important; /*Al utilizar !important, Internet Explorer 6 ingnora la linea del css */margin:200px;}

Hack para Opera 7

Para definir que un css sea interpretado solamente por Opera 7, se definen dentro de una clase general de la siguiente manera:

@media all and (min-width: 0px){.classname {} /* Esta sería la clase de css que deseamos definir */#idname {} /* También se puede definir propiedades a un id */}

Dentro de las llaves de “@media all and (min-width: 0px)” se colocan todas las definiciones de css que deseamos que interprete Opera 7.

Hack para Safari

Para definir un hack en Safari se utiliza la siguiente sintaxis:

         html:lang(en)>body  .classname {}

Existen un miles de hacks disponibles en la web, que le facilitan al desarrollador una pagina web que sea visible de la misma manera en todos los navegadores existentes.