CSS3的RGBA中关于整数和百分比值的转换
建站知识 2021-07-03 08:15www.168986.cn长沙网站建设
如何把整数转换为百分数
前面提到了,使用百分数值代替整数值来表示红、绿、蓝三原色的量,得到的结果是相同的。0代表0%,255就表示100%。为了让百分数等值,你只需要让整数值除以255然后乘以100%就可以了。
上面的例子中,如果RGBA色彩值是rgba(255,242,0,0.5),那么
CSS Code复制内容到剪贴板
- Red: (255/255) x 100% = 100%
- Green: (242/255) x 100% = 94.9%
- Blue: (0/255) x 100% = 0%
- Alpha: 0.5
- color: rgba(100%, 94.9%, 0%, 0.5);
结果:
如何把百分数转换为整数
其实只要把上面的倒过来即可,即把百分比数值乘以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在他里 提到的,你可以使用一个标准的RGB颜色为那些不支持的浏览器指定一个向下兼容的属性。
CSS Code复制内容到剪贴板
- div {
- background: rgb(200, 54, 54); / The Fallback /
- background: rgba(200, 54, 54, 0.5);
- }
另一个。
上一篇:CSS中对RGB颜色的使用详解
下一篇:CSS3中使用RGBA设置透明度的示例
长沙网站设计
- 如何进行东阳SEO关键词优化?
- 边坝哪有关键词排名优化:提升你的网站流量与
- 安国百度优化服务:提升您的在线可见性
- 阜康新手做SEO怎么做
- 山西seo网站排名关键词优化:提升您网站曝光率
- 临沂seo网站排名关键词优化:提高你的网站可见
- 广西SEO网站推广怎样付费比较合理
- 双辽SEO网站推广:提升你的网站可见性与流量
- 辽宁企业网站优化购买方式有哪些
- 提升宝清百度SEO排名的实用技巧与策略
- 静宁百度SEO排名:提升您网站曝光率的关键策略
- 彭州百度SEO排名的提升策略和实施指南
- 广南百度关键词SEO:提升网站排名的关键策略
- 辽宁关键词优化怎么做论坛营销
- 吉林百度seo排名如何做到让用户满意
- 内黄百度优化服务:提升在线可见性的关键