Bootstrap: Ändert die Opazität des modalen Hintergrunds nur für bestimmte Modale

Ich habe ein Menü mit mehreren Modalitäten. Wenn ich einen über den anderen öffne, verwandelt sich der Hintergrund in Schwarz, was hässlich ist. Ich verstehe, dass ich etwas ändern mussfilter: alpha(opacity=80); im.modal-backdrop.fade.in in bootstrap.css. Aber ich muss es nicht für alle Modale ändern, nur für einige von ihnen. Hier ist der HTML-Code für das erste Modal

    <div class="modal hide" id="mbusModal">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">×</button>
            <h3>MBUS</h3>
        </div>
        <div class="modal-body">
            <form class="form-horizontal">
                <form class="well form-inline">
                    <input type="button" class="btn" onclick="$('#dinMbusModal').modal('show'); $('#tabsMbusDin a:last').tab('show');" value="din">
                </form>
            </div>
        <div class="modal-footer">
            <a href="#" class="btn" data-dismiss="modal">Закрыть</a>
            <a href="#" class="btn btn-primary" onclick="addPort('mbus',$('#mbusDev').val(),$('#mbusSpeed').val()); $('#mbusModal').modal('hide')">Применить</a>
        </div>

Dieser Modal muss seinen Hintergrund ändern:

    <div class="modal hide" id="dinMbusModal" style="width: 500px; margin: -250px 0 0 -250px;">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">×</button>
            <h3>DIN</h3>
        </div>
        <div class="modal-body">
        </div>
        <div class="modal-footer">
            <a href="#" class="btn" data-dismiss="modal">Закрыть</a>
            <a href="#" class="btn btn-primary" onclick="addPort('din_mbus',,); $('#dinMbusModal').modal('hide')">Применить</a>
        </div>
    </div>

Antworten auf die Frage(6)

Ihre Antwort auf die Frage