1. Introduction
Cet article comprend 8 solutions très utiles que vous utiliserez lorsque vous rencontrerez des problèmes de conception CSS.
2. Sélecteurs spécifiques au navigateur
Ces sélecteurs seront très utiles lorsque vous devrez concevoir du CSS pour un certain navigateur.
IE6 et versions inférieures
| *html{} |
IE7 et versions inférieures
*:premier-enfant+html {} * html {} |
*:premier-enfant+html {} |
html>corps{} |
| html>/**/corps{} |
Opera9 et versions inférieures
html:premier-enfant {} Safari html[xmlns*=""] corps:dernier enfant {} |
Pour utiliser ces sélecteurs, placez-les avant le style. Par exemple :
#content-box { largeur : 300 px ; hauteur : 150px ; } *html #content-box { largeur : 250 px ; } /* remplace le style ci-dessus et modifie la largeur à 250 px dans IE 6 et versions antérieures */ |
3. Laissez IE6 prendre en charge la transparence PNG
Un bug dans IE6 a causé de gros problèmes, il ne prenait pas en charge les images PNG transparentes.
Vous devez utiliser un filtre CSS
*html #style-image { image d'arrière-plan : aucune ; filtre:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fil ename.png", sizingMethod="scale"); } |
4. Supprimez la ligne pointillée du lien hypertexte (valable uniquement pour FF)
Sous FireFox, lorsque vous cliquez sur un lien hypertexte, un contour en pointillé apparaîtra en périphérie. C'est facile à résoudre, il suffit de l'ajouter au style de l'étiquette.
| aperçu : aucun. un{ contour : aucun ; } |