下面我们给大家介绍一下div css如何把百分数转换为整数吧!希望大家可以在这里学习!其实只要把上面的倒过来即可，即把百分比数值乘以255，再乘以100%(即乘以255后去掉百分号)

来个橙色的例子:

CSS Code复制内容到剪贴板

rgba(100%, 64.7%, 0%, 1)

结果:

CSS Code复制内容到剪贴板

Red: (100% x 255) / 100% = 255

Green: (64.7% x 255) / 100% = 165 (四舍五入到最接近的整数)

Blue: (0% x 255) / 100% = 0

Alpha: 1

转化成整数后的值为:

CSS Code复制内容到剪贴板

rgba(255, 165, 0, 1)

浏览器支持

RGBa颜色现在在Webkit 和Gecko 核心的浏览器被支持，IE各个版本的浏览器和Opera还都不支持。就像Chris在他关于RGBa的精彩的文章里 提到的，你可以使用一个标准的RGB颜色为那些不支持的浏览器指定一个向下兼容的属性。

CSS Code复制内容到剪贴板

div {

background: rgb(200, 54, 54); /* The Fallback */

background: rgba(200, 54, 54, 0.5);

}

以上就是精品为大家提供的div css如何把百分数转换为整数，希望大家好好利用。

相关推荐：

CSS3的一个简单导航栏实现方法