Internet Explorer中的CSS rgba

Question

我有RGBa不透明背景的框。它適用於除IE以外的所有瀏覽器。我在IE 8上試過了。沒有背景的IE顯示頁面（RGB顏色）。我試過ms篩選器：

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000,endColorstr=#50990000); 

zoom：1;和-ms-filter：「progid：DXImageTransform.Microsoft.Alpha（Opacity = 30）」;它不起作用。這是我的後臺代碼：

background-image: -webkit-linear-gradient(270deg,rgba(238,242,243,0.65) 30.57%,rgba(239,239,239,0.89) 100%); background-image: linear-gradient(180deg,rgba(238,242,243,0.65) 30.57%,rgba(239,239,239,0.89) 100%);

和箱的全碼：

.box1 { 
    height: 1100px; 
    width: 800px; 
    margin-right: auto; 
    margin-left: auto; 
    background-size: cover; 
    background-repeat: repeat; 
    padding-right: 0px; 
    padding-bottom: 0px; 
    padding-left: 0px; 
    -moz-box-shadow: 20px 20px 20px #CCC; 
    -webkit-box-shadow: 20px 20px 20px #CCC; 
    box-shadow: 20px 20px 20px #CCC; 
    border-top-left-radius: 10px; 
    border-top-right-radius: 10px; 
    background-image: -webkit-linear-gradient(270deg,rgba(238,242,243,0.65) 30.57%,rgba(239,239,239,0.89) 100%); 
    background-image: linear-gradient(180deg,rgba(238,242,243,0.65) 30.57%,rgba(239,239,239,0.89) 100%);} 

Answer 1

爲了讓IE8與CSS的RGBA物業工作，你需要把IE8語法開頭你的RGBa條目;在任何webkit或符合標準的條目之前：

/* IE8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000,endColorstr=#50990000)"; 

/* Other Browsers */ 
-webkit-linear-gradient(270deg,rgba(238,242,243,0.65) 30.57%,rgba(239,239,239,0.89) 100%); 

linear-gradient(180deg,rgba(238,242,243,0.65) 30.57%,rgba(239,239,239,0.89) 100%); 

/* IE9+ */ 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000,endColorstr=#50990000);