Internet Explorer의 CSS rgba

Question

상자에 RGBa 불투명 배경이 있습니다. 그것은 IE를 제외한 모든 브라우저에서 작동합니다. Internet Explorer 8에서 시도해 보았습니다. 배경이없는 IE보기 페이지 (rgba color). 필터를 사용해 보았습니다 :

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

줌 : 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%);

및 상자의 전체 코드 : 이것은 내 배경 코드

, 당신이 처음에 IE8 구문을 배치해야 IE8은 CSS RGBA 속성과 작동하려면에서

.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

귀하의 RGBa 항목 중; 어떤 웹킷 또는 표준 호환 항목보다 먼저 :

/* 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);