1. Outline El estilo anterior (las propiedades en los soportes después de RECT no están separados por comas) se pueden ejecutar en la mayoría de los navegadores, pero pueden no aprobar la verificación CSS porque la declaración no está separada por comas.
Al depurar un problema de CSS, a menudo agrego bordes al elemento especificado para ver con precisión lo que sucede con el elemento y ayudo a determinar la fuente del problema. Esto a menudo es efectivo porque me da una visibilidad más específica en el diseño. Pero si se trata de un elemento a nivel de bloque, esto puede causar algunos errores: agregar un borde de 1px a cualquier elemento de nivel de bloque probablemente afectará el diseño, lo que agregará un 2px adicional al ancho de este elemento.
La propiedad de esquema es una alternativa perfecta porque hace que el objeto no afecte el flujo de documentos. Sin embargo, IE6 e IE7 no admiten el atributo de esquema, por lo que no se puede usar para depurar en ambos navegadores.
2. Heredar (valor)
Hay muchos ejemplos en el desarrollo de CSS: "heredar" todas las propiedades agregadas de su elemento principal estableciendo ciertos estilos en un elemento específico, por lo que puede evitar una gran cantidad de entrada del teclado.
Esto se puede lograr fácilmente estableciendo la herencia. Esto puede ser útil. Por ejemplo, al reescribir el atributo de fondo, a menudo hay muchos textos en el atributo (color, dirección de URL, ubicación, etc.). Entonces, en lugar de reescribir estos valores, es posible que solo desee considerar que los elementos en el proceso tienen las mismas propiedades de fondo que su elemento principal, un valor heredado puede hacer todo, lo que obviamente ahorra mucho la entrada del teclado.
Desafortunadamente, los valores de herencia no son compatibles en IE6 e IE7 (a excepción de la dirección (orientación del texto) y las propiedades de visibilidad).
3. Células vacías
Esta propiedad solo se usa para elementos cuya tabla o propiedad de "visualización" se establece en "células de mesa". Si agrega dinámicamente contenido a una tabla, puede encontrar el contenido vacío de una celda, y luego no desea que la celda vacía esté oculta.
El uso de "Cells vacía: Ocultar" puede resolver este problema, que ocultará completamente las celdas que pueden ocurrir.
Internet Explorer no admite el atributo de celdas vacías.
4. Side de subtítulos
Hablando del atributo de la tabla, este atributo se utiliza para declarar el título de la tabla que se muestra en la barra lateral de la tabla. Acepta cuatro valores: arriba, abajo, izquierda y derecha. Internet Experer no admite esta propiedad, el título de la tabla siempre aparecerá en la parte superior de la tabla en IE6 e IE7.
5. Contra-incremento / contraataque
Las listas ordenadas (<ol>) son muy convenientes porque le ahorran la molestia de agregar números incrementales manualmente, y le permite cambiar la secuencia de listas sin cambiar los números.
CSS tiene propiedades contrarreadoras y contratrices, que le permiten generar automáticamente números incrementales en casi todos los elementos HTML, al igual que el efecto de una lista ordenada.
Pero IE6, IE7 e incluso Safari (hasta la versión 3.x) no admiten estas propiedades. Por supuesto, IE6 no es compatible: antes de los pseudo-elementos.
6. Min-altura
A veces, el diseño o diseño de un sitio web requiere un área de contenido con una altura fija, de lo contrario, se perderán los efectos visuales específicos. Esto podría deberse a un fondo de gradiente, una lista desplegable única, o podría deberse a un efecto brillante de brillo de PS. Pero a veces, hay mucho contenido en la página, pero la página no se puede ampliar como se esperaba.
En este momento, el atributo min-altura debe usarse, ya que puede decirle al navegador que represente la altura mínima en un elemento de nivel de bloque específico, independientemente de si la altura real del contenido alcanza esta altura mínima. Luego, si el contenido excede la altura mínima, el elemento se expandirá moderadamente.
Lo único que debe tener en cuenta con Min-Weight es que no es compatible en IE6. Todos sabemos que IE6 está saliendo de la etapa de la historia (lentamente), pero algunos clientes aún pueden pedirle a su sitio web que apoye a este maldito navegador.
Pero es bueno que IE6 rinda el valor de la altura de la misma manera que otros navegadores renderizan "min-altura", por lo que solo necesita un hack o hoja de estilo independiente para que IE6 agregue hojas de estilo específicas a ese elemento, este problema se resuelve.
IE6 también ignora el ancho mínimo, la altura máxima y el máximo de ancho, pero los métodos anteriores también son factibles en estas propiedades.
7.: Flotante
Técnicamente,: Hover es solo una pseudo-clase, pero no es compatible con IE6 (compatible con IE7 e IE8). El: pseudo-clase Hover le permite agregar cualquier estilos de mouse al elemento. Esto es muy útil y puede evitar (al menos hasta cierto punto) usando JavaScript.
Sin embargo, si su sitio web necesita admitir completamente IE6, especialmente en China, donde IE6 está lleno de energía, entonces debe considerar cancelar el uso de esta pseudo-clase a menos que la etiqueta relevante tenga un atributo "href", como <a> etiqueta . Y si se va a lograr este efecto, puede ser necesario usar JavaScript y estilos adicionales.
8. Muestra
La pantalla generalmente se establece en uno de estos tres valores: bloque, en línea y ninguno. "Gracias a IE, rara vez se usan otros valores de pantalla. Estos valores incluyen bloque en línea, tabla, mesa en línea y celda de tabla.
Entonces, aunque IE admite estas tres propiedades básicas de la pantalla, básicamente no admite otras propiedades.
De hecho, el soporte de propiedad de IE8 para la pantalla está bastante completo. Sin embargo, para el atributo en línea de bloque, IE6/7 solo admite elementos que están en línea.
Para obtener más información sobre el soporte de Display en varios navegadores, consulte esto - Shenfei Note
9. Clip
Este es un atributo CSS interesante que es útil en casos especiales. Se puede combinar con contenido impredecible y generado dinámicamente. En pocas palabras, esta propiedad le permite especificar áreas ocultas en un elemento específico: también se puede entender como en un elemento absolutamente posicionado, el área de visualización del elemento se corta de acuerdo con ciertas configuraciones y el contenido más allá de esa área estar oculto.
Técnicamente hablando, el atributo clip es compatible con IE, pero solo admite sintaxis sin comas, como
Div.clipped {
relleno: 20px;
Ancho: 400px;
Altura: 400px;
Clip: Rect (20px 300px 200px 100px);
Posición: Absoluto;
}
10 .: Enfoque
Esta es otra pseudo-clase que debe mencionarse aquí, porque todos los navegadores que no son de EI respaldan esta propiedad. : La pseudo-clase de enfoque le permite declarar un estilo especial. Esto es muy útil en los elementos de formulario, porque puede agregar un borde a un cuadro de entrada cuando se selecciona.