我想使用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或更低(不兼容),请使用第一种方法吗?
答案 0 :(得分:3)
使用旧版IE获得透明背景的唯一方法是使用2x2透明PNG作为背景图像。
您还可以在HTML中使用条件注释:
<!--[if lte IE 8]>
...
<![endif]-->
最后(我个人不推荐这个),你可以使用CSS hacks:http://css-tricks.com/snippets/css/browser-specific-hacks/
更新:我还发现了this资源,该资源谈论了同样的问题。