背景画像の上にスライドショーをフェードバックする（ページの背景として）

Question

現在のところ、私のサイトは背景画像として1つの大きな静止画像を持っています。私は背景画像の上に3枚のイメージのループスライドショーを追加したいと思いますが、他のものの下にはまだあります。スライドショー画像は部分的な透過性を持つ異なるサイズの白いPNGであり、互いに滑らかにフェードインする必要があります。意図した効果は、背景画像の異なる領域を連続的にハイライトすることです（残りのページは影響を受けません）。

スライドショーを背景画像の上に配置するには、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-indexが機能するには位置が必要です。 スライドショーのotherindentとしてz-index（空間の深さ）が低くなりました。

これが役に立ちます。