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

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

一个新手
一个新手original
2017-10-11 09:54:471400parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn