Bootstrap Modal Box erscheint weiß

-1

Ich habe eine modale Box im Thema von w3cschools.com - Simply Me erstellt und die modale Box scheint mit weißer Farbe überlagert zu werden. Ich habe versucht, den Z-Index auf -1 und 0 und 10000, deaktivierten Hintergrund gesetzt, legte es über der Navigationsleiste, aber keine der gegebenen Lösungen arbeiten. Hat jemand eine Lösung für dieses Buggy Modal Problem?Bootstrap Modal Box erscheint weiß

Hier ist der HTML-Code meiner modalen Box.

<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>

Anstatt die Lösung möchte ich wissen, was genau dieses Problem verursacht. (Lösung ist auch wichtig: P)

Quelle

2016-05-22 Aditya Pednekar

Der Code sieht ohne Probleme gut aus, also versuchen Sie eine Geige zu machen. https://jsfiddle.net/IA7medd/vkawmfem/ –

Überprüfen Sie Ihr CSS für alle Überschreibungen auf den Bootstrap für Modal Fade, Modal-Dialog Modal-Md oder Modal-Inhalt, der den Fade-Effekt auf Ihrem Modal erstellt. –

Sie haben etwas in CSS geändert, nichts falsch in HTML.

Für modal-title Klasse hinzufügen color:#000000, so dass Überschrift Text in schwarzer Farbe angezeigt werden würde.

Wenn Sie Farbe schwarz für alle Elemente in seitigen modalen festlegen möchten, fügen Sie dann die color Eigenschaft für modal-dialog

Hinweis: Bitte debuggen Farbeigenschaft (In-Browser drücken f12 und herausfinden, wo die Textfarbe hat (weiß)

Quelle

2016-05-23 10:28:46 Ramkee

Bootstrap Modal Box erscheint weiß

Antwort

Verwandte Themen