Aunque he entendido CSS y div antes, realmente no sabía nada sobre los problemas de compatibilidad del navegador. Esta vez, el centro comercial, después de la introducción de amigos, etc., hay CSS hack esta cosa mágica. Después de probarlo, me pareció que funcionaba realmente bien. Muchas personas se preocupan por los problemas de compatibilidad del navegador, y el uso de CSS hackeo todo se resolvió. Compartir directamente bajo el ordenado CSS hack
El CSS Hack es un remedio que se utiliza cuando el CSS estándar no puede ser compatible con los resultados de visualización de los navegadores. Antes de que los fabricantes de navegadores no hayan llegado a un acuerdo sobre el análisis de CSS, solo podemos usar este método para completar tales tareas.
Cuando hice el desarrollo front-end, los navegadores que probé fueron aproximadamente: IE7, IE6, Opera9 (versión 9.25 8825 en el momento de la escritura), Safari3 (versión 3.0.4 523.15 en el momento de la escritura), Firefox2 (versión 2.0.0.11 en el momento de la escritura).
Hacks se utilizan para el mismo elemento de acuerdo con la situación para lograr la uniformidad entre los navegadores sobre la base del selector normal {property: value;}.
La serie:
selector {+property:value;} con un signo más "+" en el nombre de la propiedad, este hacke sólo puede ser reconocido por la familia IE.
selector {*property:value; } añadir un asterisco "*" al nombre de la propiedad, este hackeo sólo es reconocido por la familia IE.
selector {_property:value;} Subrayado "_" en el nombre de la propiedad, este hacke sólo es reconocido por la familia IE (excepto IE7).
* html selector {property: value;} Utiliza el método de herencia * html selector en el selector. Este hacke solo puede ser reconocido por la familia IE (excepto IE7).
El html/** / > body selector {property: value; } Aplicar la herencia en el selector html/** Selector de cuerpo, este hacke sólo puede ser reconocido por la serie IE (excepto IE7).
Selector {propiedad/** /:value; } Añade un comentario entre el nombre de la propiedad y el punto ":" para bloquear el uso en IE6.
Selector de/** / {propiedades/** /:value; } Añadir comentarios entre el selector y los corchetes "{" y entre el nombre de la propiedad y el punto ":" para bloquear IE5 e IE6 (no IE5.5).
Seleccionar/** / {property:value;} Añade un comentario entre el selector y el corchetes "{", para bloquear IE5.
* + selector html {property: value! important; } Aplicar la herencia * + selector html +! importante, este hacke sólo puede ser reconocido por IE7.
Firefox:
*: lang (lang) selector {propiedad: valor! important;} ¡Añadirlo con la pseudo-clase lang (lenguaje)! Por el momento, solo Firefox puede reconocerlo.
El Safari:
Selector: empty {propiedad: valor! important;} añadir con la pseudo-clase empty! Definición importante, solo Safari puede reconocerlo por ahora.
Ópera:
@media all and (min-width: 0px) {selector {property: value; } } Si se define con un método de herencia especial, solo Opera puede reconocerlo por ahora.
El hackeo anterior no está completo, todos complementamos.
El uso más común de Hack es el modelo de caja CSS Hack, limpieza de Hack flotante.
El modelo de caja CSS tiene un error de análisis grave en IE5.X. Este hacke es para IE5.x:
selctor {width: IE5.X width; voice-family: ""} ""; voice-family: inherit; width: correct width;}
Clear Floating Hack, muchas personas creen que esta definición se utiliza:
Selector: después de {contenido: "."; display: block; height: 0; clear: both; visibility: hidden;}
Además, hay muchos usos de CSS Hack, una lista por una puede ser un libro... piensa en agregarlo.