JavaScriptのDOMの背景不透明度

Question

私は、次のコードに似たものを使用しています。（JavaScriptのインターフェイスのAndroidに）

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

をしかし、私は結果を望んでいません。 私は透明な背景色を適用したいだけです。

Answer 1

あなたはあなたが使用することができます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>

Answer 2

を使用してみてください：

node.style.backgroundColor = "rgba(0, 0, 255, .5)"; 

Answer 3

は、RGBでのbackgroundColorを入れて、そこにこの

のような不透明度を設定するようにしてください

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