jQuery - Почему добавленный Div всегда сверху?

Question

jQuery - Почему добавленный Div всегда сверху?

0

Я хочу div как фоновое изображение. Div добавляется через jquery. Хотя он имеет z-индекс нуля, он всегда сверху. Как я могу положить в спину?

js скрипка

JS

$('#wrap').append(      


    $('<div />').addClass("box")


);

CSS

.box{
width: 500px;
height: 100px;
background: green;
opacity: 0.7;
position: absolute;
top:0;
z-index:0;
}

user2952265 28 нояб. 2013, в 13:30

Источник

1

установить z-индекс: -1;
Amit Soni 28 нояб. 2013, в 12:25

Теги:

jquery

html

css

4 ответа

1

измените z-index следующим образом:

.box{
width: 500px;
height: 100px;
background: green;
opacity: 0.7;
position: absolute;
top:0;
z-index:-1000;
}

код здесь: http://jsfiddle.net/N84Js/4/

потому что по умолчанию оба divs установлены в z-index 0

Sunil Verma 28 нояб. 2013, в 10:00

0

Большое спасибо!
user2952265 28 нояб. 2013, в 12:29

0

по умолчанию два div имеют z-index = 0. поэтому постарайтесь дать отрицательный z-индекс для div, который вы хотите отобразить на фоне. см. скрипку здесь

.box{
    width: 500px;
    height: 100px;
    background: green;
    opacity: 0.7;
    position: absolute;
    top:0;
    z-index:-1;
}

Ayyappan Sekar 28 нояб. 2013, в 10:45

0

Абсолютные позиционированные divs имеют более высокий приоритет, чем относительные divs, вы пытались дать ему отрицательный z-индекс?

Talk nerdy to me 28 нояб. 2013, в 09:53

0

это не должен быть комментарий?
A. Wolff 28 нояб. 2013, в 12:29

Ещё вопросы

Sander Koedood · Accepted Answer · 2013-11-28T11-10-00.000Z

Вы также можете установить z-индекс вашего контента

.content {
    position: relative;
    z-index: 1;
    .... /* the rest of the css */
}

Это также решит проблему.

Комментарий Amit Soni (как и все новые ответы) должен работать, но установка отрицательного z-индекса может дать проблемы с возможными предпосылками.