как исправить ошибку непрозрачности при загрузке? - PullRequest
Новая
       39

как исправить ошибку непрозрачности при загрузке?

1 голос
/ 05 мая 2019

Я только недавно использовал "bootstrap modal", и у меня возникают проблемы с отображением самого модала.Модал работает отлично.Тем не менее, модальный фон кажется сплошным черным сам по себе.модальный фон должен казаться прозрачным сам по себе?Я, честно говоря, не могу найти ошибку здесь.

вот модальный код триггера: 

<label for="notes">
    <a href="#notes" data-toggle="modal">
        <i class="fa fa-sticky-note"></i> Create Notes
    </a>
</label>

вот модал: 

<div class="modal" id="notes" role="dialog"> <!-- modal -->
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="#" method="post">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <textarea name="note_title" placeholder="Your title here. 48 characters max only." pattern="{1,48}"></textarea>
                <textarea name="note_record"></textarea>
                <button type="submit" name="submit_notes" style="float: right;"><i class="fa fa-paper-plane"></i> Submit</button>
            </form>
        </div>
    </div>
</div>

вот вывод до активации модала https://imgur.com/a/fsJdr0W

вот модал при активации (после нажатия синей ссылки «создать заметки») https://imgur.com/a/uFRCylT

спасибо за возможные ответы, stackoverflow

1 Ответ

0 голосов
/ 05 мая 2019

Похоже, вы используете Bootstrap-4 CSS при использовании JS

в Bootstrap-3, используя правильную библиотеку bootstrap.js, чтобы решить эту проблему. 

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

Вот скрипта js для того же: https://jsfiddle.net/9c2u143s/

...