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に以下のコードを追加します。jsFiddleにのみ「テキスト」は表示されているので、

#container { 
    position: relative; 
} 

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

はたぶん、あなたは、私たちにあなたが作業しているページへのリンクを提供することができます、そして画像はありません。

Answer 2

margin-topは70ピクセル、上部のdivはバックグラウンドの下に表示されないためです。

はposition: relativeとhigh z-indexを行うと、あなたがposition:relative;z-index:1000;<p>にタグを与えることによって達成することができますあなたが望む

Answer 3

これを取得します。 ここをクリックしてください： http://jsfiddle.net/w2T79/4/ このようにしたいと考えています。