jQueryイメージスライダーにdivを配置する

Question

jQuery Tools Scrollableイメージギャラリーにdiv要素を配置しようとしています。

div#wrapperContainer{ 
display: table; 
overflow: hidden; 
margin: -5px auto; 
} 

//this is the div i'm trying to put on top of the jQuery Tool 
div#wrapper { 
display: table-cell; 
vertical-align: middle; 
z-index: 2; 
width: 1024px; 
height: 192px; 
background-color: #525252; 
-moz-box-shadow: 0px -10px 50px #000; 
-webkit-box-shadow: 0px -10px 50px #000; 
     box-shadow: 0px -10px 50px #000; 
} 

//this is the CSS for the jQuery Tool 

.scrollable { 
position: relative; 
overflow: hidden; 
width: 940px; 
height: 528px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px; 
     border-radius: 10px; 
} 

.items { 
width: 20000em; 
clear: both; 
position: absolute; 
} 

.items div{ 
float: left; 
width: 940px; 
height: 528px; 
} 

Answer 1

jQuery.toggle()を見てみましょう：2.ここに私のコードです：私は、しかし、divのは、私はZインデックスを設定しても、jQueryオブジェクトの最上部に表示されない、正しい方法で置かれ、すべてを持っています。

Answer 2

ラッパーdivを絶対的に配置できますか？ もしそうなら、適切なz-インデックスと共にそれを処理する必要があります。

位置決め例hereを参照してください。