2014-07-27 127 views
2

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

我发现这个环节做到这一点使用CSS伪类“之后”:Css-tricks

但它看起来像我不能用javascript伪类更改属性。 有谁知道我可以做到这一点?

回答

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;