So lösen Sie die Kompatibilitätsprobleme mit der Transparenz in IE 6, 7 und 8

Dies ist mein erstes Mal, dass ich über die Probleme schreibe, auf die ich heute gestoßen bin.

Als ich heute die Seitentransparenz durchführte, stellte ich fest, dass es keine Auswirkung hatte Der Code lautet wie folgt:

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

In diesem Fall wurde festgestellt, dass er nicht kompatibel ist. Daher habe ich eine andere Schreibweise verwendet, einen Hintergrund festgelegt und dann das Deckkraftattribut auf 0,4 gesetzt Hat immer noch nicht funktioniert. Ich habe den Lehrer gefragt und herausgefunden, dass ich eine Zeile hinzufügen muss, um Kompatibilität mit IE6, 7 und 8 zu erreichen.

Der geänderte Code lautet wie folgt:

.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;
}

Auf diese Weise ist es perfekt mit dem IE kompatibel.

Das obige ist der detaillierte Inhalt vonSo lösen Sie die Kompatibilitätsprobleme mit der Transparenz in IE 6, 7 und 8. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!