视差滚动与图像通过标志透明只

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/