Edit Question - KnowledgeHub

Title Body

I have a menu with multiple modals. When I open one over another it turns backgrount into black, which is ugly. I understand that I need change filter: alpha(opacity=80); in .modal-backdrop.fade.in in bootstrap.css. But I need to change it not for all modals, only for some of them. Here's the html code for first 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> This modal needs to change his backdrop: <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>

Tags (comma-separated) Cancel