Question

我有这个div：

<div style="background-color: rgba(219, 70, 117, 0.83);">

我想用hexa颜色更改rgba。但我想保留透明度（0.83）。

我该怎么做？

这是因为我的JS中有一个范围，如何只给我一个hexa值。

Answer 1

您可以使用以下功能：

function convertHex(hex, opacity){
    hex = hex.replace('#','');
    r = parseInt(hex.substring(0,2), 16);
    g = parseInt(hex.substring(2,4), 16);
    b = parseInt(hex.substring(4,6), 16);

    result = 'rgba('+r+','+g+','+b+','+opacity+')';
    return result;
}

<强>用法：

var rgba = convertHex('#CCCCCC', 0.83);

如果对您的具体问题有更多解释，我可以帮助您找到更好的选择。

Answer 2

也许您可以在上下文中使用不透明度：

background-color:#AAAAAA;
opacity: 0.83;
filter: alpha(opacity=83); /* For IE8 and earlier */

http://www.w3schools.com/css/css_image_transparency.asp

背景颜色透明与hexa

2 个答案: