Bootstrap modal background изменяет свою прозрачность

Question

У меня простая форма входа в систему, которая находится внутри Bootstrap modal.

Иногда запуск этого модального кода дает мне полностью черный фон, но в настройках у меня непрозрачность 0,5 или что-то в этом роде.

Когда я обновляю страницу и перезапускаю модальность, она снова работает отлично.

Мой модальный:

<div class="modal fade" id="required_authentication" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog log-modal"> 
    <div class="modal-content log-input">                    
     <div class="ajax-partal-field"> 

     <%= render partial: "reusable/login" %> 

     </div> 
    </div> 
    </div> 
</div> 

Я искал аналогичные вопросы, но ничего не нашли. Спасибо!

Answer 1

Переместить модальное значение в другую позицию в DOM и убедиться, что HTML проверен на всю страницу.