html - ie上的RGBA边框

Question

所以我正在使用这个:border-left:1px solid rgba(96, 96, 96, 0.61); 当然不能在 IE 上运行，我发现这个网站:http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer为 IE 转换 RGBA 值，现在我如何使用 border-left 调整下面的代码？

    {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9B606060,endColorstr=#9B606060)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9B606060,endColorstr=#9B606060);   /* IE6 & 7 */
      zoom: 1;
}

Answer 1

要退回到 IE6+ 支持，您可以为 png 指定 bkgd block ，这是一种颜色，如果不支持，它将替换真正的 alpha 透明度。您可以使用 gimp 修复它，例如。

    <!--[if IE]>
       
       <style type="text/css">

       .color-block { 
           background:transparent;
           filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000,endColorstr=#50990000); 
           zoom: 1;
        } 
div {
   background: rgb(200, 54, 54); /* The Fallback */
   background: rgba(200, 54, 54, 0.5); 
}
        </style>