首頁 > web前端 > js教程 > 如何結束關於IE 6、7、8中透明度的兼容問題

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

一个新手
發布: 2017-10-11 09:54:47
原創
1441 人瀏覽過

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

今天在做頁面透明度的時候,用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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板