Css 透明背景色，但仅透明

我需要增加透明度的背景颜色，将改变用户。 比如，如果用户将背景色设置为#f00，我需要为其添加0.5的透明度。 我不能使用rgba（），因为我得到的颜色是#RGB格式。

---

我无法为所有内容添加透明度。

如果您不能使用rgba，css不透明度应该是一个选项，但会淡出所有内容。 我猜解决方案可以是一个小小的png，而不仅仅是这个

---

可能：尝试使用css不透明度并在内部创建另一个div，然后使用z-index控制内容不透明度

如果你不能使用rgba，css不透明度应该是一个选项，但会使里面的所有内容褪色。 我猜解决方案可以是一个小小的png，而不仅仅是这个

---

可能：尝试使用css不透明度并在内部创建另一个div，然后使用z-index控制内容不透明度

如果你的内容总是一样高，你可以使用黑客攻击

使用三个div。 一个div控制另外两个div。 一个div是背景

一个div是前景/不透明内容

<div id='holder'>
<div id='bg'>

</div>
<div id='content'>
Content is here
</div>
</div>

---

诚然，这很容易变得一团糟！希望能有所帮助。

如果你的内容总是一样高，你可以使用黑客攻击

使用三个div。 一个div控制另外两个div。 一个div是背景

一个div是前景/不透明内容

<div id='holder'>
<div id='bg'>

</div>
<div id='content'>
Content is here
</div>
</div>

---

诚然，这很容易变得一团糟！希望能有所帮助。

在你的帮助下，我找到了最好的解决方案

列表（$r，$g，$b）=数组映射（'hexdec'，str_分割（$colorName，2））；
回音‘rgba’（‘r’、‘g’、‘b’、‘0.5’）；

---

多亏了大家的帮助，我找到了最好的解决方案

列表（$r，$g，$b）=数组映射（'hexdec'，str_分割（$colorName，2））；
回音‘rgba’（‘r’、‘g’、‘b’、‘0.5’）；

---

多亏了所有的

Javascript才能够做到这一点。我假设您正在使用jQuery，因为您提到了它

如果可以使用jQuery获取颜色，它将以“rgb（x，x，x）”格式返回字符串。然后可以使用函数将其转换为rgba字符串

function rgbToRgba(rgbString, alpha) {
    rgba = rgbString.replace( 'rgb', 'rgba' );
    rgba = rgba.replace( ')', ',' + alpha + ')' );
    return rgba;
}

然后可以使用新值设置css

var color = $('.makeMeRgba').css('background-color');
var rgba = rgbToRgba(color, 0.5);

$('.makeMeRgba').css('background-color', rgba);

---

Javascript可以做到这一点。我假设您正在使用jQuery，因为您提到了它

如果可以使用jQuery获取颜色，它将以“rgb（x，x，x）”格式返回字符串。然后可以使用函数将其转换为rgba字符串

function rgbToRgba(rgbString, alpha) {
    rgba = rgbString.replace( 'rgb', 'rgba' );
    rgba = rgba.replace( ')', ',' + alpha + ')' );
    return rgba;
}

然后可以使用新值设置css

var color = $('.makeMeRgba').css('background-color');
var rgba = rgbToRgba(color, 0.5);

$('.makeMeRgba').css('background-color', rgba);

---

css不透明度？请伙计们，我认为它是可用的，许多开发人员将需要您的回答，正如其他人所说，如果您不希望内容也是透明的，您唯一的选择是rgba。css 3或jQuery中没有任何背景图像透明：选项吗？没有。您已经获得了透明的.png图像、rgba，或者使用不透明度使整个元素透明。为什么不能让用户使用rgba，或者寻找一种将十六进制输入转换为rgba？css不透明度的方法？请伙计们，我认为它是可用的，许多开发人员将需要您的回答，正如其他人所说，如果您不希望内容也是透明的，您唯一的选择是rgba。css 3或jQuery中没有任何背景图像透明：选项吗？没有。您已经获得了透明的.png图像、rgba，或者使用不透明度使整个元素透明。为什么你不能让用户使用rgba，或者想办法将十六进制输入转换成rgba？不，里面的所有内容都取不透明度值不，里面的所有内容都取不透明度值，如果你不知道元素的高度怎么办？我创建了类似的东西，但#bg确实是绝对的，因为每个元素的高度都取自#content，最后一个错误的想法是z指数。现在，z-index:10比relative高，z-index:12如果内容总是处于相同的绝对位置（比如页面的左上角），那么可以对它们都使用position:absolute，然后对它们都使用top和left。（我想你是在尝试这个吗？）不幸的是，如果内容可能从任何地方开始，并且有任何高度，我不知道如何让它们一个接一个地出现。如果你不知道元素的高度呢？我已经创建了类似的东西，但是#bg确实是绝对的，因为parrent元素的高度来自#内容，最后一个错误的想法是z指数。现在，z-index:10比relative高，z-index:12如果内容总是处于相同的绝对位置（比如页面的左上角），那么可以对它们都使用position:absolute，然后对它们都使用top和left。（我想你是在尝试吗？）不幸的是，如果内容可能从任何地方开始，并且有任何高度，我不知道如何让它们一个接一个地出现。