Bootstrap modal background

Question

Comment afficher une image d'arrière-plan lorsqu'un modal est ouvert à la place de l'effet de superposition de modal? J'ai essayé d'ajouter css au modal mais le style ne s'appliquait qu'au modal. code

<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

il suffit d'ajouter un fond à .modal

Tous modaux:

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

modale spécifique:

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

DEMO

Answer 2

essayer ce module « !important » pour remplacer le style arrière-plan modal par défaut

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