Internet Explorer中的CSS rgba

我有RGBa不透明背景的框。它适用于除IE以外的所有浏览器。我在IE 8上试过了。没有背景的IE显示页面（RGB颜色）。我试过ms筛选器：Internet Explorer中的CSS rgba

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%);}

来源

2014-03-03 Fakt7

为了让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);

来源

2014-03-03 20:02:30 TylerH

它不适用于我。它适用于其他浏览器，但IE8仍然显示没有背景的页面。 – Fakt7

@ user3289606你还需要设置'background：transparent;'我相信。 – TylerH

我定义背景：透明; RGBA条目的开始，但它仍然不起作用。我尝试过背景色：透明;太。我不知道问题在哪里。 – Fakt7

Internet Explorer中的CSS rgba

回答

相关问题