Я использую функцию Модальной CSS Bootstrap, и она отлично работает. Тем не менее, я хочу добавить функциональность, в то время как модальный диалог открыт, а остальная часть веб-страницы закрыта .modal-backdrop, один из внешних элементов из другого места в рамках структуры страницы может быть выставил на верхней части фона:Экспозиция элемента вне модального фона в CSS Bootstrap jquery modal
<div id="outside-element">
I want this element exposed even while the modal is active,
upon clicking the button in the modal dialog box
</div>
<div id="help-box" class="modal fade" data-backdrop="static" data-keyboard="false" data-show="true" tabindex="-1" role="dialog" aria-labelledby="help-label" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
Click this button to show the outside element:
<button type="button" class="btn" aria-hidden="true" id="test-item">Click it!</button>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function($) {
$('#test-item').click(function() {
$('#outside-element').attr('style','zIndex:1041');
});
})(jQuery);
</script>
Как вы можете видеть в моей нынешней попытке выше, я устанавливаю г-индекс внешнего элемента в 1041, который является один выше, чем установка .modal-фона (1040). Это не делает то, что я хочу (а именно, размещение # внешнего элемента поверх модального фона), даже несмотря на то, что код звучит и «работает» (т. Е. Окончательно изменяет z-индекс).
Я предполагаю, что я ожидал там быть ответом к модулю CSS Bootstrap Modal вообще, а не как к определенному для моего кода (так как мой код в основном более или менее непосредственно из функции Modal в рамках Bootstrap). Я попробовал предложение «позиция: относительное» выше, но безрезультатно. Спасибо за ввод, хотя! – David