Question

我的背景<div>位于页面中间。在此之上，我有一个<div>，里面有文字。

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

如何让文字永远留在前面？

代码：

http://jsfiddle.net/w2T79/

图片：

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

Answer 1

给parent-div一个id（例如'container'），然后将下面的代码添加到你的CSS中：

#container {
    position: relative;
}

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

也许您可以为我们提供指向您正在处理的页面的链接，因为在jsFiddle中只有'text'可见，而且没有图像。

Answer 2

那是因为你的margin-top为70像素而且上部的div在背景下消失了。

执行position: relative和high z-index并获得您想要的内容

Answer 3

您可以将position:relative;z-index:1000;提供给<p>代码来实现。点击这里： http://jsfiddle.net/w2T79/4/ 希望你这样想。