Выпуск Cross Slide z-index - PullRequest
Новая
       45

Выпуск Cross Slide z-index

0 голосов
/ 19 октября 2011

Я использую скрипт cross slide .

Проблема в том, что я не могу переместить div на задний план: слайд-шоу перекрывает все остальные div.Попытка изменить z-index: установить z-index 0 для фонового div, а z-index: 2 для всех остальных div.Все еще безуспешно.Можно ли в любом случае применить слайд-шоу к фону div?

Моя структура CSS выглядит так 

<body>
  <div id="bg">
  "all stuff goes here"  
   </div
</body>

И CSS для # bg 

#bg {
 /* Stretch background */
 position:fixed;
 top:0;
 left:0;
 height:100%;
 width:100%;
 z-index:0;
}

Ответы [ 4 ]

1 голос
/ 19 октября 2011

Установите css на: 

#bg {
 /* Stretch background */
 position:fixed;
 top:0;
 left:0;
 height:100%;
 width:100%;
 z-index:0;
}

#test {
    position: relative;
    background-color: red;
    z-index:5;
    width: 120px;
    margin-top:5px;
}

и html на: 

<body>
    <div id="bg"></div>
    <div id="test">"all stuff goes here"</div>
</body>

Также смотрите мой jsfiddle .

0 голосов
/ 19 октября 2011

вместо того, чтобы делать z-index: 0 или -1 для вашего идентификатора "bg", сделайте все остальное содержимое z-index равным 99 или больше.так что ваш "bg" будет возвращаться к вашим слайдам.

0 голосов
/ 19 октября 2011

Соблюдаете ли вы (сложные) правила для правильного расположения контекстов, позиционирования и z-индекса?

https://developer.mozilla.org/en/Understanding_CSS_z-index/The_stacking_context

0 голосов
/ 19 октября 2011

Возьмите его на задний план с z-index: -1

...