Удалить модальное свойство из Bootstrap modal window

Question

Как вы можете манипулировать модальным диалогом для бутстрапа, чтобы не показывать его как модальное окно без серого наложения.

<!-- Modal --> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     ... 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div> 
    </div> 
</div> 

Answer 1

1) http://jsfiddle.net/ringstaff/Gbm89/14/ имеет рабочий пример. Все, что вам нужно сделать, это добавить строку УСС

.modal-backdrop {background: none;} 

2) После того, как модальный инициации

$('#XXX').modal({show:true}); 

просто запустить код ниже

$('.modal-backdrop').removeClass("modal-backdrop"); 

3) добавить данных-фон = «false» to и Bootstrap остальное.

Пример: <div class="modal" id="genericModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">

Answer 2

$("#myModal").modal({ 
    backdrop: none; 
}); 

см это обсуждение: Change the background color in a twitter bootstrap modal?

Answer 3

Вы можете попробовать с помощью CSS,

#myModal .modal-backdrop {background-color: transparent;} 

или же с JQuery,

$("#myModal").modal({ 
 
    backdrop: none; 
 
});