DOM boxShadow和不透明度像css rgba。

Question

我正在使用DOM，我有一个盒子的影子，一切都很好，但我希望影子能像CSS一样有rgba的不透明度。

document.getElementById("myDIV").style.boxShadow = "10px 20px 30px black";

box-shadow: 0px 0px 20px rgba(0,0,0,0.6);

Answer 1

document.getElementById("myDIV").style.boxShadow = "0px 0px 20px rgba(0,0,0,0.6)";

Answer 2

你仍然可以在盒子阴影的例子中使用rgba。

html.style.boxShadow = "10px 20px 30px ..:

<div class="box"></div>

css.style.boxShadow = "10px 20px 30px ..:

.box{
  width: 200px;
  height: 200px;
  background-color: coral;
}

javascript.Javascript.Document.DIV.style.boxShadow = "10px 20px 30px ..:

let box = document.querySelector(".box")

// x offset, y offset, blur radius, spread radius, color
box.style.boxShadow = "0 5px 20px 0 rgba(0, 0, 0, .2)"