2014-07-27 128 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;