ブートストラップモーダルボックスが白く表示されます

-1

テーマにモーダルボックスをw3cschools.com - Simply Meから作成し、モーダルボックスが白い色でオーバーレイされているように見えます。私はz-indexを-1と0と10000に設定しようとしましたが、無効にされた背景がnavbarの上に置かれていましたが、指定されたソリューションのどれも動作しません。誰かがこのバギーモード問題の解決策を持っていますか？ここでブートストラップモーダルボックスが白く表示されます

私のモーダルボックスのHTMLコードです。

<div class="modal fade" id="ReSyncProfileModal" role="dialog" data-backdrop="false"> 
    <div class="modal-dialog modal-md"> 
     <div class="modal-content"> 
     <div class="modal-header bg-danger"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h4 class="modal-title"> Hang On </h4> 
     </div> 
     <div class="modal-body"> 
      <p>You will have to wait for <span id="ReSyncProfileAfter"></span> seconds before you can "Recheck Profile Status" again.</p> 
     </div> 
     <div class="modal-footer bg-danger"> 
      <button type="button" class="btn btn-default" data-dismiss="modal"> Close </button> 
     </div> 
     </div> 
    </div> 
    </div>

解決策ではなく、この問題の原因を正確に知りたいと思います。（解決策も重要です：P）

出典

2016-05-22 Aditya Pednekar

コードは問題なく正常に見えるので、フィドルを作るようにしてください。 https://jsfiddle.net/IA7medd/vkawmfem/ –

モーダルフェード、モーダルダイアログモーダル-md、またはモーダルにフェードエフェクトを作成するモーダルコンテンツ用のブートストラップのオーバーライドについては、CSSをチェックしてください。 –

CSSで何か変更しましたが、HTMLでは何も間違っています。

modal-titleの場合、見出しのテキストが黒色で表示されるように、color:#000000を追加します。

あなたが側モーダルすべての要素の色を黒に設定したい場合は、modal-dialog

注用colorプロパティを追加：ブラウザのF12キーを押して（色のプロパティをデバッグし、テキストの色を持っている場所を見つけるしてください白に設定）

出典

2016-05-23 10:28:46 Ramkee

ブートストラップモーダルボックスが白く表示されます

答えて

関連する問題