Bootstrap modal background

Question

Как отображать фоновое изображение, когда модальный объект открыт вместо эффекта наложения модального? Я попытался добавить css в модальный, но стиль применим только к модальному. Код

<div class="modal hide" id="sourceModal" style="top: 95%; left: 50%;position:absolute;"> 
     <div class="modal-header"> 
      <div class="popup-header"> 
       <a class="close popup-close" onclick="closePopupnonmappedmodal();">×</a> 
       <h3 class="medium" style="line-height: 35px;"> 
        Information</h3> 
      </div> 
     </div> 
     <div class="modal-body"> 
      <div class="row-fluid" style="margin-top: 10px"> 
       <div class="span12"> 
        <div id="Div3"> 
         <p>Paste HTML of your landing page here.</p> 
         <p> Learn More. Learn More links to help article:</p> 
         <a href=" http://help.leadsquared.com/creating-landing-page-from-html"> http://help.leadsquared.com/creating-landing-page-from-html 
         </a> 
        </div> 
       </div> 
      </div> 
     </div> 
     <div class="modal-footer" style="background-color: #efefef; text-align: center"> 
      <%: Html.CancelButton("ButtonCancel", onClick: "closePopupnonmappedmodal()", isDataDismiss: true)%> 
     </div> 
    </div> 

Answer 1

Просто добавьте фон к .modal

Все модальностей:

.modal { 
    background: /* your background */ 
    } 

Конкретная модальный:

#myModal{ 
     background: /* your background */ 
     } 

DEMO

Answer 2

попробовать эту надстройку «!important» переопределить модальный по умолчанию стиль фона

.modal { 
    background: url('imapge_path') !important; 
    }