相关疑难解决方法(0)

Bootstrap模式中选择的下拉列表隐藏在模态页脚后面

我正在使用基于twitter bootstrap示例的模态.我有一个选择使用的元素.当所选择的选择下降时,它会被模态页脚切断.我试图在所选元素上添加z-index值,但没有任何作用.我正在倾斜看它,并想知道它是否只是因为select元素是在模态页脚div之前的div?我正在使用所选的默认CSS和bootstrap,所以我没有修改任何东西.

例. 在此输入图像描述

HTML:

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    ×</button>
                <h3>
                    Add Tag</h3>
            </div>
            <div class="modal-body">
                <div class="control-group">
                    <label for="addedTags">
                        Add tags (separated by commas)
                    </label>
                    <input id="addedTags" style="width: inherit" type="text">
                </div>
                <div class="control-group">
                    <label for="deleteTags">
                        Delete tags
                    </label>
                    <select style="display: none;" class="tags chzn-done" id="deleteTags" multiple="multiple" name="deleteTags"><option value="49">Accessories</option>
    <option value="69">AG_Adriano_Goldschmied</option>
    <option value="37">BCBG</option>
    <option value="38">Bebe</option>
    <option value="45">Bernie_Dexter</option>
    <option value="19">Black</option>
    <option value="6">Blue</option>
    <option value="66">Body-Con</option>
    <option value="71">Casual</option>
    <option value="39">Christian_Louboutin</option>
    <option value="64">Clear</option>
    <option value="50">Coach</option>
    </select><div style="width: [object Object]px;" class="chzn-container chzn-container-multi chzn-container-active" id="deleteTags_chzn"> …
Run Code Online (Sandbox Code Playgroud)

javascript css twitter-bootstrap jquery-chosen

12
推荐指数
1
解决办法
1万
查看次数