JavaScript DOM背景不透明度

JavaScript DOM Background Opacity

本文关键字：不透明度 背景 DOM JavaScript      更新时间：2023-09-26

我使用的代码类似于以下代码：（在JavaScript界面Android中）

node.style.backgroundColor = "blue";
node.style.opacity = 0.5;

但我不想要结果。我只想应用一个透明的背景色。

您可以尝试使用rgba

var node = document.getElementById('d2');
node.style.backgroundColor = "rgba(0, 0, 255, .5)";
div {
  min-height: 50px;
}
#d1 {
  background-color: rgba(0, 0, 255, .5);
}
<div id="d1"></div>
<br />
<div id="d2"></div>

试着把背景颜色放在rgb中，然后像这个一样设置不透明度

node.style.backgroundColor = 'rgba(0, 0, 255, 0.5)';

您可以使用：

node.style.backgroundColor = "rgba(0, 0, 255, .5)";
相关文章：