在CSS3的RGBA整数百分比的转换

本文主要介绍了整数和RGBA CSS3比例变换。同时，也提到了浏览器的支持问题。
如何将整数转换为百分比

如上所述，红色、绿色和蓝色三基色的量表示为整数值而不是整数值，结果是相同的。0代表0%，255表示100%。为了使百分比相等，您只需将整数值分为255和乘以100%。

在上面的例子中，如果RGBA颜色值为RGBA（255242,0,0.5），然后

CSS代码将内容复制到剪贴板。
红色：（255 255）x = 100% = 100%
绿色：（242 255）×100% = 94.9%
蓝色：（0 255）x = 100% = 0%
甲：0.5

颜色：RGBA（100%，94.9%，0%，0.5）；

结果：
如何将百分比转换成整数

事实上，只要上面可以颠倒，即百分比值乘以255，乘以100%（即去掉百分比后乘以255）。

这是一个橙色的例子：
CSS代码将内容复制到剪贴板。
RGBA（100%，64.7%，0%，1）

结果：

CSS代码将内容复制到剪贴板。
红色：（100%×255） / 100% = 255
绿色：（64.7%×255） / 100% = 165（四rms五到最近整数）
蓝色：（0%×255） / 100%＝0
甲：1

转换为整数后的值是：
CSS代码将内容复制到剪贴板。
RGBA（255, 165, 0，1）
浏览器支持
RGBA颜色现在在WebKit和Gecko内核浏览器的支持，和所有版本的IE浏览器和Opera不支持。克里斯在他关于RGBa优秀的文章提到的，你可以使用一个标准的RGB颜色指定那些不支持的浏览器向下兼容特性。

CSS代码将内容复制到剪贴板。
{ div
背景：RGB（200, 54, 54）；
背景：RGBA（200, 54, 54，0.5）；
}

逐步强化或中度降级的另一个例子。