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

Дайте parent-div id (например, «контейнер»), затем добавьте следующий код в свой CSS:

#container {
    position: relative;
}

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

Возможно, вы можете предоставить нам ссылку на страницу, над которой вы работаете, потому что в jsFiddle виден только текст, а изображения нет.

Answer 2

Этого можно добиться, указав тег position:relative;z-index:1000; to <p>.Проверьте здесь: http://jsfiddle.net/w2T79/4/ Надеюсь, что вы хотите таким образом.

Answer 3

Это потому, что у вас margin-top 70 пикселей, а верхний элемент исчезает под фоном.

Сделайте position: relative и high z-index, и вы получите то, что хотите