視差滾動與圖像通過標誌透明只

Question

我想創建一個視差效果的div。但我希望背景出現變成透明的標誌。我不知道如何用文字解釋，但這張圖片更好理解：http://i.imgur.com/Ghru7Ws.png

前景img（深灰色+ trasparent標誌）是我試圖讓它變得簡單的地方。 我可以使用.png img，但我希望它能夠響應，這就是爲什麼我這樣做。

我已經做到了。它正在工作。

但我想知道是否有更好的方法來創造這種效果。當涉及較小的視口時，如320像素的寬度或類似的東西，標識下方的文字不會出現，或者日誌將底部切出屏幕。

下面是系統工作一的jsfiddle：（http://jsfiddle.net/zosrb445/）

詩：額外的背景在這個div：

<div class="hd-m-b"> 

只在jsfiddel文件奇怪，在我的本地主機是一切正常。

希望你們能理解。 任何人都可以幫助我嗎？

Answer 1

嘗試設置您的.hd-m- * divs的位置和z-index屬性。

.hd-m-m {position:fixed; z-index:10;} /*or position:absolute - as the need be */ 
.hd-m-t, 
.hd-m-b { z-index:5; position:relative;} 

看到小提琴：（這應該讓你開始，不完全）http://jsfiddle.net/zosrb445/4/