HTML/CSS：背景覆蓋

Question

我有一個位於頁面中間的背景<div>。 在此之上我有一個<div>裏面的文字。

如果以全屏模式查看頁面，則一切都很正常。 但是，如果在一個小窗口中查看頁面，則文本消失。

我該如何讓文字始終留在前面？

代碼：

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像素，上面的div在背景下消失。

做一個position: relative和high z-index，你會得到你想要

Answer 3

這個你能達到什麼給予position:relative;z-index:1000;到<p>標籤。 請點擊這裏： http://jsfiddle.net/w2T79/4/ 希望你想要這樣。