ブートストラップモーダル不透明度エラーを修正する方法は？

debugcn 投稿 Dev

レックスカブレラ

最近「ブートストラップモーダル」を使用しましたが、モーダル自体の表示に問題があります。モーダルは正常に機能します。ただし、モーダル背景はそれ自体が黒一色に見えます。モーダル背景はそれ自体で透明に見えるはずですか？正直なところ、ここでエラーを見つけることはできません。

モーダルトリガーコードは次のとおりです。

<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をありがとう

Aditya thakur

Bootstrap-3のJSを使用しているときにBootstrap-4CSSを使用しているようです

正しい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/

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]