L'image d'arrière-plan CSS ne s'affiche pas car l'image d'arrière-plan du paramètre CSS utilise des attributs CSS qui ne sont pas pris en charge par le navigateur IE. La solution consiste à utiliser des attributs abrégés au lieu d'utiliser des attributs individuels séparément, car les attributs abrégés sont plus nombreux. mieux pris en charge dans les anciens navigateurs et nécessite moins de lettres à saisir.
L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.
Parfois, l'image d'arrière-plan définie par CSS après l'écriture de la page Web ne sera pas affichée dans le navigateur IE. Pourquoi l'image d'arrière-plan définie par CSS n'est-elle pas affichée dans le navigateur IE ?
Jetons un coup d'œil à la raison pour laquelle l'image d'arrière-plan définie par CSS dans le navigateur IE ne s'affiche pas :
La raison pour laquelle le paramètre CSS dans le navigateur IE ne s'affiche pas est parce que IE est utilisé lorsque css définit la propriété CSS de l'image d'arrière-plan non prise en charge par le navigateur.
Lorsque nous définirons l'image d'arrière-plan, nous utiliserons l'attribut rgba pour définir la couleur et la transparence de l'image d'arrière-plan
Par exemple :
background: url(../images/in_bon_02.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
À ce moment, il est possible que les images d'arrière-plan ne soient pas affichées.
Introduction rgba :
Le mode couleur rgba est le même que RVB, sauf que la transparence Alpha est ajoutée au mode RVB
Instructions :
RGBA(R,G,B,A)
Valeur :
R : valeur rouge. Entier positif | Pourcentage G : valeur verte. Entier positif | Pourcentage B : valeur bleue. Entier positif | Pourcentage A : transparence alpha, valeur comprise entre 0 et 1.
IE6.0-8.0 ne prend pas en charge l'utilisation du mode rgba pour obtenir la transparence, vous pouvez utiliser des filtres IE.
Il est généralement recommandé d'utiliser des attributs abrégés plutôt que d'utiliser des attributs individuels, car les attributs abrégés sont mieux pris en charge dans les navigateurs plus anciens et nécessitent la saisie de moins de lettres.
[Apprentissage recommandé : Tutoriel vidéo CSS]
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!