Jquery jsddm显示在flot后面并变得透明

我试图创建一个带有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>

---

要确保下拉列表位于内容上方，请在CSS中更改其

z-index

值。背景色实际上是实心的，因为其他内容的重叠方式，它看起来是透明的

因此，在您的情况下，类似这样的方法应该有效：

#jsddm ul {
    z-index: 1000;
}

---

正是我需要的。谢谢