wie erstellen Sie bootstrap modal mit transparentem hintergrund

Ich habe ein problem mit dem modal, es zeigt, schwarzer hintergrund, anstatt transparent.
Es könnte ein problem mit dem CSS.
Hinweis: ich wechselte Opacity:.7 in der Klasse .fade, aber das hat keinen Einfluss auf irgendetwas

  <!-- Modal -->
    <div class="modal fade" id="myModal"  style="position:fixed; top:0px; left:800px;width:600px; background:none; " role="dialog">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">

          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Adding Wall</h4>
        </div>
        <div class="modal-body">
            <label>Wall Id:     </label><input type="text" id="wallNametxt"/><br>
         <label>Wall Name:</label><input type="text" id="wallNametxt1"/>

        </div>
        <div class="modal-footer">
          <input type="button" id="btn" value="Add!" name="save" class="btn btn-default"/>
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>

    </div>
  </div><!--End of Modal-->

Klicken Sie auf um die Ausgabe zu sehen

Update!!!
Es funktionierte perfekt. Aber der modal angeordnet ist, in eine Glas-box mit der gleichen Höhe der Seite.
Kann ich einschränken, dass die Höhe, Breite Eigenschaften, aber ich würde es vorziehen zu wissen, warum.
Klicken Sie auf, um zu sehen, Ausgang

es funktioniert einwandfrei , whats your browser ?
Die richtige code, wenn möglich erstellen Sie arbeiten snippet.
MS Edge, Google Chrome
transparent? Meinst du, wenn der modal angezeigt wird, können Sie immer noch sehen, was dahinter?
ich glaube, ich habe gefunden, warum , kann u bitte bestätigen ?

InformationsquelleAutor Fatima.S | 2017-05-24

  1. 7

    Wie ich sehen kann, Bootstrap haben die Klasse .modal-backdrop und Sie setzen Sie die Hintergrundfarbe auf schwarz, überschreiben Sie diesen mit diesem code:

    .modal-backdrop {
     background-color: rgba(0,0,0,.0001) !important;
}
    Ich danke Ihnen sehr. Das funktionierte perfekt, aber ich habe immer noch die Grenzen aus Glas oder Kästchen um den modal. Ich kann zu begrenzen, die mit der Höhe und Breite, aber ich will wissen, warum und fixieren Sie es von dort

    InformationsquelleAutor Gallaoui

  2. 1

    Hey Du brauchst zu überschreiben, die bootstrap-css mit diesem code. Ich Sie versuchen, hinzufügen von Stil-Eigenschaft ohne wichtiges Stichwort der Stil nicht funktionieren, ersetzen Sie den code mit dieser. 

    modal-backdrop {
  background-color: transparent !important;
}

    InformationsquelleAutor

Schreibe einen Kommentar