La prise en charge des CSS par les navigateurs est en retard sur le développement de CSS. Internet Explorer, qui détient une part de marché absolue, n'a complété la prise en charge complète de CSS 2.1 que jusqu'à sa 8ème version publiée il n'y a pas si longtemps. Le dernier progrès en matière de CSS est le développement de CSS 3. la spécification est déjà à moitié terminée. Mais cela ne nous empêche pas d’utiliser les nouvelles technologies en CSS. Bien que nous ne puissions pas les appliquer comme nous le souhaitons en utilisant des techniques générales en CSS, nous pouvons obtenir des effets plus vifs dans des navigateurs spécifiques. L’utilisation de ces nouvelles technologies dans des endroits appropriés vous permettra non seulement d’être à la pointe de la technologie CSS, mais rendra également vos travaux rafraîchissants.
Nouvelle technologie CSS : ne vous attendez pas à être prise en charge par tous les navigateurs
Microsoft a annoncé la prise en charge de CSS dans diverses versions de navigateur d'Internet Explorer 5.5 à 8.0. Dans cette liste, nous pouvons voir que la prise en charge complète de CSS 2.1 n'a été achevée qu'avec Internet Explorer 8.0 et qu'elle ne peut être utilisée que dans Internet Explorer 7.0. Sélecteurs d'attributs en CSS 2.1, bien que cette technologie CSS soit très utile. Cela signifie qu'il faut renoncer à utiliser cette technologie par égard pour les utilisateurs d'Internet Explorer 6.x qui représentent encore plus de 40 % du marché. Par exemple:
[valeur] {hauteur : 25 px}
[href=http://www.dudo.org/] {color:red;}
Dans la ligne 1, nous pouvons définir la hauteur de tous les formulaires avec des attributs de valeur à 25px ; permettre aux liens vers des sites Web spécifiques d'être affichés en texte rouge. Mais faire cela dans Internet Explorer 6 n'a aucun effet, car cette « nouvelle technologie CSS » n'est pas prise en charge.
Dans CSS 3, les sélecteurs d'attributs ont des fonctions plus puissantes. De plus, CSS 3 ajoute également des effets tels que des coins arrondis, des ombres de texte et des bordures tridimensionnelles. On peut dire que ces nouvelles technologies CSS ont rendu les problèmes complexes d'origine en CSS. 2 plus facile. C'est très simple. Par exemple, en CSS 3, vous n'avez besoin que du code suivant pour obtenir une apparence arrondie :
Cependant, cette nouvelle technologie n'est pas prise en charge même par Internet Explorer 8. Elle n'est actuellement prise en charge que par Firefox, Safari et Chrome, et cette prise en charge est pas complet Pris en charge, utilisez -moz-radius dans Firefox et -wekit-radius dans Safari et Chrome.
Il s’agit d’une nouvelle technologie CSS qui ne semble jamais pouvoir être entièrement interprétée par tous les navigateurs en même temps.
La nouvelle technologie CSS n'est pas un CSS Hack
Qu'est-ce que le piratage CSS ? CSS Hack est une méthode qui utilise certaines lacunes dans l'utilisation du CSS dans le navigateur pour implémenter différentes règles CSS. Par exemple, _property peut être utilisé pour distinguer IE7, 8 et d'autres versions d'IE, *property peut être utilisé pour distinguer IE des navigateurs non-IE, etc. Cependant, ce qui est souligné ici, c'est que tous ces hacks CSS sont des spécifications CSS non standard et qu'ils ne peuvent pas passer la vérification du W3C. En d'autres termes, ce sont toutes des règles CSS incorrectes. Mais les nouvelles technologies CSS sont différentes. Il s’agit de spécifications CSS standard, mais elles ne sont pas prises en charge par certains navigateurs.
De plus, les nouvelles technologies CSS ne peuvent pas être résolues par le piratage. En cas d'incohérences dans l'interprétation du modèle de boîte dans différents navigateurs, nous pouvons le corriger via CSS Hack. Cependant, le problème d'Internet Explorer ne prenant pas en charge les rectangles arrondis ne peut être résolu par aucune technologie CSS Hack. La solution consiste à utiliser XHTML ou Use supplémentaire. images d’arrière-plan.
Par conséquent, la nouvelle technologie CSS n’est pas un type de CSS Hack, c’est une spécification CSS orthodoxe.
Utilisation appropriée des nouvelles technologies CSS
Bien que nous ayons mentionné plus tôt que la nouvelle technologie CSS ne peut pas être prise en charge par tous les navigateurs, elle ne peut pas non plus produire le même effet dans différents navigateurs, comme l'utilisation de la technologie CSS Hack. Cependant, cela ne nous empêche pas de les utiliser. Imaginez, si une page ordinaire pouvait être ajoutée avec une facilité d'utilisation supplémentaire dans un navigateur sans affecter son utilisation, ne serait-elle pas plus attrayante ? Et nous avons obtenu cet effet sans ajouter de règles CSS irrégulières comme CSS Hack. Par conséquent, utiliser la technologie CSS de manière appropriée au moment opportun peut obtenir l’effet cerise sur le gâteau et rendre votre page Web plus facile à utiliser.