html - 您将如何为旧版浏览器添加对带有 alpha 的背景颜色的回退支持？

Question

我正在尝试设置背景颜色，但我想使用 alpha channel 。有没有一种方法可以支持具有透明度的新浏览器，并确保在不能选择透明时旧浏览器显示正确的颜色？

例如，以下是否足够，或者第二个值是否会取消第一个:

background-color: rgb(255, 0, 0);       // older browsers
background-color: rgba(255, 0, 0, 0.5); // newer browsers

更新:
我不关心在旧浏览器上支持透明度。我想确保使用的旧版浏览器显示正确的背景颜色，而新版浏览器(如果支持)则显示 alpha channel 。

Answer 1

使用半透明的 PNG 文件作为旧版浏览器的背景。类似下面的内容:

这是怎么回事，请查看代码段:

.parent {position: relative; width: 150px; height: 150px; margin: 20px; border: 1px solid #999; display: inline-block;}
.child {position: absolute; width: 50px; left: 50px; top: 50px; height: 50px; background: url("https://upload.wikimedia.org/wikipedia/commons/d/d3/Black_%2850%25_transparent%29.png") repeat;}

#one {background: #ff9;}
#two {background: #99f;}

<div class="parent" id="one">
  <div class="child"></div>
</div>

<div class="parent" id="two">
  <div class="child"></div>
</div>