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

时间:2014-07-30 18:27:43

标签: html css transparency

我想使用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);
      }

此处唯一的问题是IEA及以下版本不支持RGBA。有没有办法首先使用RGBA,但如果浏览器是IE8或更低(不兼容),请使用第一种方法吗?

1 个答案:

答案 0 :(得分:3)

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

您还可以在HTML中使用条件注释:

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

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

更新:我还发现了this资源,该资源谈论了同样的问题。