jquery - 带有下拉问题的Jquery多选

Question

我已经为选择框使用了多选 JQuery。问题是当我将此选择框放在 div 标签中时，它看起来像这样的图像：http ://prntscr.com/ehd​​vgx

我尝试了一些 CSS，例如“z-index: 9999999”，但不起作用。

所以请帮我解决这个问题。

JS代码：

$('#sch_resource').multipleSelect({
    filter: true,
    placeholder: "<?=_("Select Resources")?>"
});

HTML 代码：

<div id="smartwizard">
    <ul>
    <li><a href="#step-1">Step 1<br /><small><?=_('What')?></Small></a></Li>
    <li><a href="#step-2">Step 2<br /><small><?=_('Where')?></small></a></li>
    <li><a href="#step-3">Step 3<br /><small><?=_('When')?></small></a></li>
    </ul>
     <div class="custom_scrollbar" style="overflow: auto;">
     <!-- STEP 1 -->
          <div id="step-1" class="wrapper"  > 
                 <select name="sch_resource" id="sch_resource" style="width: 98%; margin-bottom: 15px;"  multiple="multiple"></select>
          </div>
    </div>
</div>

CSS 代码：

#sch_resource
{
   z-index:999999;
}

谢谢