使用过滤器不透明度作为 rgba 的后备？

Question

我想使用 RGBA，这样我就可以在不透明的 div 容器中包含文本，而不会使所述文本透明。我现在有以下内容：

      .container {
         background-color: #5e82a4;
         opacity: 0.9;
         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
          filter: alpha(opacity=90);
      }

这种方法的缺点是文本在 div 元素内变得透明我宁愿做的是：

     .container {
         background-color: rgba(94,130,164,0.9);
      }

这里唯一的问题是 RGBA 不受 IE8 及以下版本的支持。有没有办法先用RGBA，但是如果浏览器是IE8或更低（不兼容），就用第一种方法？

Answer 1

使用旧版 IE 实现透明背景的唯一方法是使用 2x2 透明 PNG 作为背景图像。

您还可以在 HTML 中使用条件 cmets：

<!--[if lte IE 8]>
    ...
<![endif]-->

最后（我个人不建议这样做），您可以使用 CSS hacks：http://css-tricks.com/snippets/css/browser-specific-hacks/

更新：我还发现了this 资源，它对同一问题进行了很多讨论。