我正在尝试创建一个具有视差效果的div。但我希望背景看起来像一个透明的标志。我不知道如何用文字解释，但这个图像更好理解：http://i.imgur.com/Ghru7Ws.png
前景img（深灰色+透明标志）是我试图让它变得简单的地方。 我可以使用.png img，但我希望它能够响应，这就是我这样做的原因。
我已经做到了。它正在发挥作用。
但我想知道是否有更好的方法来创造这种效果。当涉及较小的视口时，如320px宽度或类似的东西，文本下方的徽标不会出现，或者日志将底部部分切出屏幕。
这是一个系统工作的jsfiddle：（http://jsfiddle.net/zosrb445/）
Ps。：这个div中的额外背景：
<div class="hd-m-b">
在jsfiddel文件中只是奇怪，在我的本地主机中它是正常的。
希望你们能理解。 任何人都可以帮助我吗？
答案 0 :(得分：0)
尝试设置.hd-m- * div的位置和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/（这应该让你开始;不完整。）