跨浏览器的遮罩层透明度

跨浏览器的遮罩层透明度

css 样式:

Css代码  

1. background-color: rgba(255, 255, 255, 0.5);  
2.     filter: alpha(opacity =   30);  
3. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";  

 遮罩div的全部样式:

Css代码  

1. #loadPanel {  
2.     overflow-y: auto;  
3.     overflow-x: auto;  
4.     width: 100%;  
5.     top: 97px;  
6.     left: 0px;  
7.     position: absolute;  
8.     background-color: rgba(255, 255, 255, 0.5);  
9.     filter: alpha(opacity =   30);  
10.     /*opacity: .3;*/  
11.     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";  
12.     z-index: 99999;  
13.     /*background-image: url("../images/loading.gif");*/  
14.     background-repeat: no-repeat;  
15.     background-position-x: center;  
16.     -moz-background-position-x: center;  
17.     -ms-background-position-x: center;  
18.     background-position-y: center;  
19.     -moz-background-position-y: center;  
20.     -ms-background-position-y: center;  
21.     background-attachment: fixed;/* 使背景图片相当于可视区域 */  
22. }