關於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上就能完美兼容了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章