如何結束關於IE 6、7、8中透明度的兼容問題

第一次寫博客，寫一下今天遇到的問題吧

今天在做頁面透明度的時候，用IE7進行測試，發現沒有效果，原代碼如下

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

這種情況下發現不相容，改用另一種寫法，設定一個background，再設定opacity屬性為0.4，發現還是不行，問了老師才知道要加一行實現IE6、7、8的兼容性

更改後程式碼如下：

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

這樣在IE上就能完美相容了。

以上是如何結束關於IE 6、7、8中透明度的兼容問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！