Увядание слайд-шоу поверх фонового изображения, как фон страницы

Question

На моем сайте в настоящее время в качестве фонового изображения есть статическое изображение. Я хотел бы добавить петлевое слайд-шоу из 3 изображений над фоновым изображением, но все еще ниже всего остального. Изображения слайд-шоу представляют собой просто белые пиксели белого размера с частичной прозрачностью и должны плавно переходить друг в друга. Предполагаемый эффект состоит в том, чтобы постоянно выделять различные области фонового изображения (остальная часть страницы останется неизменной).

Что я должен добавить в свой CSS-файл, чтобы разместить слайд-шоу над фоновым изображением, но ниже всего остального? В настоящее время для одного изображения у меня есть:

body { 
background-color: #000000; 
background-image:url('/images/wallpaper.jpg'); 
background-attachment:fixed; 
background-repeat:no-repeat; 
background-position:top center; 
color: #555; 
font: 70%/1.5 Verdana, 'Trebuchet MS', arial, sans-serif; 
text-align: center; 
margin: 15px 0; 
} 

Я нашел применение JQuery (Innerfade) для выцветания изображения, нужно ли мне что-нибудь добавить к моему телу моей страницы, чтобы запустить его, или будет все работать от CSS?

Благодарим за помощь!

Answer 1

Вам нужно поместить элементы с различными z-индексами. Например

#slideshow{ 
position: relative; 
z-index: 1; 
} 

#otherContent{ 
position: relative; 
z-index: 2 
} 

требуется Положение для г-индекс для работы. Теперь слайд-шоу имеет более низкий z-индекс (глубина в пространстве) в качестве otherContent.

Надеюсь, это поможет.