Jquery的週期，使用定位在滾動圖像的頂部

Question

林div的，jquery插件jquery.cycle.all.js

基本上我要放置在圖像的頂部一個div菜單。 菜單位於正確的位置，但無法看到滑塊位於頂部。

誰能幫我放在滑塊

繼承人使用的代碼IM頂部的菜單，任何幫助將不勝感激。

<div id= "MiddleContent"> 

      <div class="Menu"> 
         <ul> 
          <li style="background-color:Red;">item</li> 
          <li style="background-color:blue;">item</li> 
          <li style="background-color:green;">item</li> 
          <li style="background-color:yellow;">item</li> 
          <li style="background-color:orange;">item</li> 
         </ul> 
        </div> 

       <div class="slideshow"> 
        <img src="images/Slider1.png" alt="" /> 
        <img src="images/Slider2.png" alt="" /> 
        <img src="images/Slider3.png" alt="" /> 
        <img src="images/Slider4.png" alt="" /> 
        <img src="images/Slider5.png" alt="" /> 
        <img src="images/Slider6.png" alt="" /> 
       </div> 
      </div> 

繼承人的CSS

/************************************/ 
    /* #MiddleContent     */ 
    /************************************/ 
    div#MiddleContent 
{ 

    position: relative; 
    margin:     50px 50px 50px 50px; 



    } 
    div#MiddleContent .slideshow 
    { 
     overflow: hidden; 

float:     left; 
    margin:     0px 0px 0px 0px; 
    padding:    0px 0px 0px 0px; 
    } 
    div#MiddleContent .Menu 
    { 
    position: absolute; 
    left: 0px; right: 0; bottom: 0px; top: 0px; 
min-height: 300px; 
max-width : 250px; 
background: white; 
    z-index: 1000px; 


    margin:     0px 0px 0px 0px; 
    padding:    0px 0px 0px 0px; 
    } 

Answer 1

您的主要問題是z-index: 1000px;這個建議立即進行刪除是z-index: 1000;

div#MiddleContent .Menu 
    { 
    position: absolute; 
    left: 0px; right: 0; bottom: 0px; top: 0px; 
    min-height: 300px; 
    max-width : 250px; 
    z-index: 1000; 
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    } 

還能去除背景，使菜單變得透明