Bloquear el navegador IE (es decir, no se mostrará en IE)
*:lang(zh) select {font:12px !important;} /*Especial para FF*/
seleccionar:vacío {fuente:12px !importante;} /*safari visible*/
Aquí seleccionar es el selector, que se puede cambiar según la situación. La segunda oración es exclusiva del navegador Safari en MAC.
Solo reconocido por IE7
*+html{…}
Puedes usar este HACK cuando necesites crear estilos solo para IE7.
IE6 y por debajo de la identificación
*html{…}
Preste especial atención a este punto. Muchos propietarios han escrito que es un HACK para IE6. De hecho, IE5.x también puede reconocer este HACK. Otros navegadores no lo reconocen.
html/**/ >cuerpo seleccionar {……}
Esta frase tiene el mismo efecto que la frase anterior.
Sólo IE6 no lo reconoce
seleccione { mostrar /*IE6 no reconoce*/:none;}
Lo principal aquí es separar un atributo y un valor mediante comentarios CSS, que se publican antes de los dos puntos.
Sólo IE6 e IE5 no son reconocidos
select/**/ { display /*IE6, IE5 no lo reconoce*/:none;}
La diferencia aquí con la oración anterior es que hay un comentario CSS adicional entre el selector y las llaves.
Sólo IE5 no lo reconoce
select/*IE5 no reconoce*/ { display:none;}
Esta oración es el comentario en el área de atributos eliminado de la oración anterior. Sólo IE5 no lo reconoce
Solución modelo de caja
seleccione {ancho: IE5.x ancho; familia de voz:""}""; familia de voz: heredar; ancho: ancho correcto;}
El método de compensación del modelo de caja no se maneja a través de! Importante. Esto debe quedar claro.
flotador claro
seleccionar:después de {contenido:"."; mostrar:bloquear; altura:0; ambos visibilidad:oculto;}
En Firefox, cuando todos los hijos están flotando, la altura del padre no puede cubrir completamente a todo el hijo. Luego use este HACK para borrar la flotación para definir el padre una vez, entonces este problema se puede resolver.
Truncar puntos suspensivos
seleccione { -o-text-overflow:elipsis; text-overflow:elipsis; espacio en blanco:nowrap;
Esta es una muy buena técnica que cortará automáticamente el exceso de texto después de que exceda la longitud y lo terminará con puntos suspensivos. Es sólo que Firefox no lo admite actualmente.
Sólo reconocido por Opera
@media todo y (ancho mínimo: 0px) {seleccione {……}}
Realice configuraciones separadas para el navegador Opera.
Los anteriores son algunos HACK para escribir CSS. Se utilizan para resolver problemas de compatibilidad local. Si desea separar el contenido de compatibilidad, también puede probar los siguientes filtros. Algunos de estos filtros están escritos en CSS para importar estilos especiales a través de filtros, y otros están escritos en HTML para vincular o importar estilos de parche requeridos a través de condiciones.
Filtro para IE5.x, solo IE5.x es visible
| El siguiente es el contenido citado: @media tty { i{content:"";/*" "*/}} @import 'ie5win.css' /*";} }/* */ Los filtros IE5/MAC generalmente no son necesarios [Copiar al portapapeles] [ - ]CÓDIGO:
|
Los filtros IE5/MAC generalmente no son necesarios
| El siguiente es el contenido citado: [Copiar al portapapeles] [ - ]CÓDIGO: /**//*/ @importar "ie5mac.css"; /**/ |
IE si condicional Hack
<!--[if IE]> Sólo IE <![endif]-->
Todo IE reconoce
<!--[if IE 5.0]> Sólo IE 5.0 <![endif]-->
Sólo IE5.0 puede reconocerlo
<!--[if gt IE 5.0]> Sólo IE 5.0+ <![endif]-->
IE5.0 puede ser reconocido por IE5.5
<!--[if lt IE 6]> Sólo IE 6- <![endif]-->
Sólo reconocido por IE6
<!--[if gte IE 6]> Sólo IE 6/+ <![endif]-->
Puede ser reconocido por IE6 e IE5.x por debajo de IE6
<!--[if lte IE 7]> Sólo IE 7/- <![endif]-->
Solo reconocido por IE7
Es posible que el contenido anterior no sea completo. Le invitamos a unirse a mí para resumir estas técnicas para facilitar consultas de trabajo futuras. Al mismo tiempo, me gustaría agradecer a los autores que han investigado estos HACK.