如何使用javascript更改背景图像的透明度？

Question

我有一个重复的不透明背景元素。我需要能够使用javascript更改背景图像的不透明度。我想根据滚动位置调整图像不透明度。

我发现这个链接使用css“after”伪类：Css-tricks

但看起来我无法使用javascript更改伪类的属性。 有谁知道我怎么能做到这一点？

Answer 1

尝试这样的事情：
HTML：

<div id="img"></div>

CSS：

#img{background:url(enter your image file url here); width:100%; height:100%;}

JavaScript的：

document.getElementById("img").style.opacity=0.5;