很簡單，我試圖淡入div的背景圖像;我已經看到這樣做了兩個div，並且通過淡出覆蓋背景圖像的div的背景顏色來有效地揭示（即：虛假衰減）背景圖像。這不會解決我的問題。淡入淡出的背景圖像（不是正文或淡出背景顏色）
如果「遮罩」與主體背景顏色具有相同的純色，上述解決方案將起作用。在我的情況下，身體的背景是一個紋理圖像，所以這是行不通的。我可以將「mask」div設置爲與body相同的背景圖像，但是使用z-indexed div看起來像是過度殺傷。
tl; dr我在身體某處有一個div - 我如何淡入其背景圖像？謝謝！
據我所知，不可能。你將需要2個圖像/元素來做到這一點。你可以使用jQuery/jQuery UI的toggleClass持續時間。
在這裏看到的例子：
How to add a fadeIn effect while changing background image using .css in Jquery
你需要兩個div。第一個沒有背景色，第二個有背景圖像。淡出第二個（阿瑟爾克爾提出了一種方法），你就完成了。
.body {background-image:url(bg.png)}
.toFade {opacity=1 ... alternatives }
...
<div>
<div class=toFade style="background-image:url(img.png)">
<!-- possible content -->
</div>
</div>
好的！ 我花了一些時間來解決這種「挑戰」，我想我提出了一個接近你的要求的想法！ 儘管要淡入只有你背景圖像只有一個div的，其實我做了使用 的clone（）方法一個的jQuery腳本。
有一點工作要做的唯一的事情就是如果你想在一些文本中淡入淡出！ 看看我的腳本，讓我知道它是否有幫助！
可能重複？ [淡入背景圖片]（http://stackoverflow.com/questions/977090/jquery-fade-in-background-image） – Andreas
沒有，但這比上面提到的效果更接近，但需要一個背景圖像並將其替換和另外一個。看到那個線程，但。謝謝！ –