CSS rgba в Internet Explorer

Question

У меня есть коробка с RGBa фон непрозрачности. Работает во всех браузерах, кроме IE. Я попробовал это на IE 8. IE показывает страницу без фона (цвет rgba). Я пытался MS фильтр:

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

зум: 1; и -ms-фильтр:"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);