html - 使用过滤器不透明度作为 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 中使用条件注释:

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

最后(我个人不推荐这样做)，您可以使用 CSS hacks:http://css-tricks.com/snippets/css/browser-specific-hacks/

更新:我还找到了 this大量讨论同一问题的资源。