jsddm顯示在flot後面並變得透明

Question

我正在嘗試使用JSDDM下拉菜單和flot圖創建一個頁面。我遇到的問題是，當它下降到圖形畫布上時，jsddm下拉菜單變得透明。有沒有辦法強制jsddm下拉以始終處於頂端而且不透明？

<ul id="jsddm"> 
    <li><a href="#">JavaScript</a> 
    <ul> 
     <li><a href="#">Drop Down Menu</a></li> 
     <li><a href="#">jQuery Plugin</a></li> 
     <li class="b"><a href="#">Ajax Navigation</a> 
     <ul> 
      <li><a href="#">AJAXIFY</a></li> 
     </ul> 
     </li> 
    </ul> 
    </li> 
    <li><a href="#">Effect</a> 
    <ul> 
     <li><a href="#">Slide Effect</a></li> 
     <li><a href="#">Fade Effect</a></li> 
     <li><a href="#">Opacity Mode</a></li> 
     <li><a href="#">Drop Shadow</a></li> 
     <li><a href="#">Semitransparent</a></li> 
    </ul> 
    </li> 
    <li><a href="#">Navigation</a></li> 
    <li><a href="#">HTML/CSS</a></li> 
    <li><a href="#">Help</a></li> 
    <br> 
    <br> 
    <div id="placeholder" style="width:600px;height:300px;"></div> 
</ul> 

jsfiddle

Answer 1

要確保下拉停留在內容上面，在你的CSS改變其z-index價值。背景顏色實際上是固定的，因爲其他內容重疊的方式而顯得透明。

所以你的情況是這樣的應該工作：

#jsddm ul { 
    z-index: 1000; 
}