html – 如何使用旧版浏览器的alpha为背景颜色添加后备支持？

概述我正在尝试设置背景颜色,但我想使用alpha通道.有没有一种方法可以支持具有透明度的新浏览器,并确保旧版浏览器在不提供透明度时显示正确的颜色？ 例如,以下是否足够或第二个值取消第一个： background-color: rgb(255, 0, 0); // older browsersbackground-color: rgba(255, 0, 0, 0.5); // newer 我正在尝试设置背景颜色,但我想使用Alpha通道.有没有一种方法可以支持具有透明度的新浏览器,并确保旧版浏览器在不提供透明度时显示正确的颜色？

例如,以下是否足够或第二个值取消第一个：

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

更新：
我不关心支持旧浏览器的透明度.我想确保旧浏览器使用显示正确的背景颜色和更新的浏览器,如果他们支持它,则显示Alpha通道.

解决方法 使用半透明的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  ID="one">  <div ></div></div><div  ID="two">  <div ></div></div>

总结

以上是内存溢出为你收集整理的html – 如何使用旧版浏览器的alpha为背景颜色添加后备支持？全部内容，希望文章能够帮你解决html – 如何使用旧版浏览器的alpha为背景颜色添加后备支持？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。