我正在使用基於twitter引導示例的模態。我有一個使用選擇的選擇元素。當選定的選擇下降時,它被模態頁腳切斷。我試圖在所選元素上添加z-index值,但沒有任何效果。我正在傾斜看它,並且懷疑它是否僅僅是因爲select元素是在模態頁腳div之前的div?我使用了默認的CSS和bootstrap,因此我沒有修改任何東西。在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">
<ul class="chzn-choices"><li class="search-field"><input value="Select Some Options" class="default" autocomplete="off" style="width: 149px;" type="text"></li></ul>
<div class="chzn-drop" style="left: 0px; top: 29px;"><ul class="chzn-results"><li id="deleteTags_chzn_o_0" class="active-result highlighted" style="">Accessories</li><li id="deleteTags_chzn_o_1" class="active-result" style="">AG_Adriano_Goldschmied</li><li id="deleteTags_chzn_o_2" class="active-result" style="">BCBG</li><li id="deleteTags_chzn_o_3" class="active-result" style="">Bebe</li><li id="deleteTags_chzn_o_4" class="active-result" style="">Bernie_Dexter</li><li id="deleteTags_chzn_o_5" class="active-result" style="">Black</li><li id="deleteTags_chzn_o_6" class="active-result" style="">Blue</li><li id="deleteTags_chzn_o_7" class="active-result" style="">Body-Con</li><li id="deleteTags_chzn_o_8" class="active-result" style="">Casual</li><li id="deleteTags_chzn_o_9" class="active-result" style="">Christian_Louboutin</li><li id="deleteTags_chzn_o_10" class="active-result" style="">Clear</li><li id="deleteTags_chzn_o_11" class="active-result" style="">Coach</li></ul></div></div>
</div>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">
Close</button>
<input class="btn btn-primary" id="btnAddTags" value="Save" type="button">
<span class="loader"></span>
</div>
<div class="alert alert-error hide">
<button type="button" class="close" data-dismiss="alert">
×</button>
<strong>Error</strong> <span class="alert-msg"></span>
</div>
<div class="alert alert-success hide">
<button type="button" class="close" data-dismiss="alert">
×</button>
<strong>Success</strong> <span class="alert-msg"></span>
</div>
chozen元素確實在css中設置了一個位置值,我把z-index設置爲9999,但仍然沒有jive。這個讓我瘋狂! – user576838
你嘗試過溢出修復嗎? – hajpoj
這樣做!真棒抓人。其中一些CSS元素真的讓我陷入循環。再次感謝! – user576838