javascript - 如何通过 javascript 设置 -webkit-mask-box-image？

Question

我有一个带有 id="container' 的 div，我想为其设置一个 -webkit-mask-box-image。目前我通过 css 拥有它:

#container
{
-webkit-mask-box-image: url('masks/4.png');
width:235px;
height:300px;
}

但我想通过 javascript 设置 css，因为掩码应该每小时更改一次。

我试过:

document.getElementById("container").setAttribute("style", "-webkit-mask-box-image: url('masks/"+hour+".png'); width:235px; height:300px;");

但这行不通。我该怎么做？

Answer 1

您可以通过下面的代码行在 JQuery 中设置，这里是 DEMO

$('#container').css('-webkit-mask-box-image',"url('masks/4.png')")