El soporte del navegador para CSS va por detrás del desarrollo de CSS, que tiene una cuota de mercado absoluta, solo ha completado el soporte completo para CSS 2.1 hasta su octava versión lanzada no hace mucho. El último progreso en CSS es el desarrollo de CSS 3. Las especificaciones ya están hechas a más de la mitad. Pero esto no nos impide utilizar nuevas tecnologías en CSS. Aunque no podemos aplicarlos como nos gusta usando técnicas generales en CSS, podemos lograr efectos más vívidos en navegadores específicos. El uso de estas nuevas tecnologías en lugares apropiados no sólo le permitirá estar a la vanguardia de la tecnología CSS, sino que también hará que sus trabajos se sientan refrescantes.
Nueva tecnología CSS: no espere que todos los navegadores la admitan
Microsoft ha anunciado la compatibilidad con CSS en varias versiones de navegador de Internet Explorer 5.5 a 8.0. En esta lista, podemos ver que la compatibilidad total con CSS 2.1 no se completó hasta Internet Explorer 8.0 y solo se puede utilizar en Internet Explorer 7.0. Selectores de atributos en CSS 2.1, aunque esta tecnología CSS es muy útil. Esto significa que hay que renunciar al uso de esta tecnología por consideración a los usuarios de Internet Explorer 6.x, que todavía representan más del 40% del mercado. Por ejemplo:
[valor] {altura:25px}
[href=http://www.dudo.org/] {color:red;}
En la línea 1, podemos establecer la altura de todos los formularios con atributos de valor en 25px; permitir que los enlaces a sitios web específicos se muestren en texto rojo. Pero hacer esto en Internet Explorer 6 no tiene ningún efecto porque esta "nueva tecnología CSS" no es compatible.
En CSS 3, los selectores de atributos tienen funciones más poderosas. Además, CSS 3 también agrega efectos como esquinas redondeadas, sombras de texto y bordes tridimensionales. Se puede decir que estas nuevas tecnologías CSS han hecho que los problemas complejos originales en CSS. 2 más fácil. Es muy simple. Por ejemplo, en CSS 3, solo necesitas el siguiente código para lograr una apariencia redondeada:
Sin embargo, esta nueva tecnología no es compatible ni siquiera con Internet Explorer 8. Actualmente solo es compatible con Firefox, Safari y Chrome, y esta compatibilidad es no completo. Utilice -moz-radius en Firefox y -wekit-radius en Safari y Chrome.
Esta es una nueva tecnología en CSS que parece que nunca puede ser interpretada completamente por todos los navegadores al mismo tiempo.
La nueva tecnología CSS no es un CSS Hack
¿Qué es CSS Hack? CSS Hack es un método que aprovecha ciertas deficiencias en el uso de CSS en el navegador para implementar diferentes reglas CSS. Por ejemplo, _property se puede utilizar para distinguir IE7, 8 y otras versiones de IE, *property se puede utilizar para distinguir IE de navegadores que no son IE, etc. Sin embargo, lo que se señala aquí es que todos estos CSS Hacks son especificaciones de CSS no estándar y no pueden pasar la verificación del W3C. En otras palabras, todas son reglas de CSS incorrectas. Pero las nuevas tecnologías CSS son diferentes. Son especificaciones CSS estándar, pero algunos navegadores no las admiten.
Además, las nuevas tecnologías CSS no se pueden resolver mediante piratería. Para las inconsistencias en la interpretación del modelo de caja en diferentes navegadores, podemos corregirlas mediante CSS Hack. Sin embargo, el problema de que Internet Explorer no admita rectángulos redondeados no se puede resolver con ninguna tecnología CSS Hack. imágenes de fondo.
Por lo tanto, la nueva tecnología CSS no es un tipo de CSS Hack, es una especificación CSS ortodoxa.
Uso adecuado de las nuevas tecnologías CSS
Aunque mencionamos anteriormente que la nueva tecnología CSS no puede ser compatible con todos los navegadores, ni puede lograr el mismo efecto en diferentes navegadores, como ocurre con la tecnología CSS Hack. Sin embargo, esto no nos impide utilizarlos. Imagínese, si se pudiera agregar una página normal con mayor facilidad de uso en un navegador sin afectar su uso, ¿no sería más atractiva? Y logramos este efecto sin agregar reglas CSS irregulares como CSS Hack. Por lo tanto, utilizar la tecnología CSS de forma adecuada en el momento adecuado puede lograr el efecto de guinda del pastel y hacer que su página web sea más fácil de usar.