Comment résoudre les problèmes de compatibilité avec la transparence dans IE 6, 7 et 8

En écrivant un blog pour la première fois, permettez-moi d'écrire sur les problèmes que j'ai rencontrés aujourd'hui

Quand je faisais de la transparence de page aujourd'hui, je l'ai testé avec IE7 et j'ai constaté qu'il n'avait aucun effet sur le code d'origine. est la suivante

.mask {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.2);
	display: none;
}

Dans ce cas, il a été constaté qu'il était incompatible, j'ai donc utilisé une autre façon d'écrire, défini un arrière-plan, puis défini l'attribut d'opacité à 0,4. n'a pas fonctionné. J'ai demandé au professeur et j'ai découvert que je devais ajouter une ligne pour obtenir la compatibilité avec IE6, 7 et 8.

Le code modifié est le suivant :

.mask {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: 0.2;
	filter: alpha(opacity = 20);/* 兼容IE6、7、8 */
	display: none;
}

De cette façon, il sera parfaitement compatible avec IE.

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!