第一次寫博客,寫一下今天遇到的問題吧
今天在做頁面透明度的時候,用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上就能完美兼容了。