我想使用 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以下(不兼容),就用第一种?
最佳答案
使用旧版本的 IE 实现透明背景的唯一方法是使用 2x2 透明 PNG 作为背景图像。
您还可以在 HTML 中使用条件注释:
<!--[if lte IE 8]>
...
<![endif]-->
最后(我个人不推荐这样做),您可以使用 CSS hacks:http://css-tricks.com/snippets/css/browser-specific-hacks/
更新:我还找到了 this大量讨论同一问题的资源。
关于html - 使用过滤器不透明度作为 rgba 的后备?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25044246/