HTML/CSS：背景覆盖

Question

我有一个位于页面中间的背景

。 在此之上我有一个

，里面有文本。

如果以全屏方式查看页面，一切看起来都很好。 但如果在小窗口中查看该页面，文本就会消失。

如何让文字始终位于最前面？

代码：

http://jsfiddle.net/w2T79/

图片：

“普通视图：”http://www.suckmypic.net/26632/83735f21.png

“小视图：”http://www.suckmypic.net/26633/7be8fc00.png

Answer 1

给父级 div 一个 id（例如“容器”），然后将下面的代码添加到您的 CSS 中：

#container {
    position: relative;
}

.txt {
    position: relative;
    z-index: 99999;
}

也许您可以向我们提供您正在处理的页面的链接，因为在 jsFiddle 中只有“文本”可见，并且没有图像。

Answer 2

这是因为您的 margin-top 为 70 px，并且上方的 div 消失在背景下。

执行 position:relative 和 high z-index 即可得到您想要的

Answer 3

您可以通过将 position:relative;z-index:1000; 赋予

标记来实现这一点。
检查这里：
http://jsfiddle.net/w2T79/4/
希望你能以这种方式。