html - How to build the modal in my case -
html - How to build the modal in my case -
i using bootstrap modal app. have bunch of element  within modal. 
however, 1 of element  within modal set absolute position , element bigger modal. want show element on top of modal instead of  beingness  cutting off  within modal. have tried z-index doesn't work. suggestion? lot!
modal html
<div class="modal" tabindex="-1" role="dialog">     <div class="modal-dialog">         <div class="modal-content">             <div class="modal-header">                 test             </div>             <div class="modal-body">                //....contents..                <div class="option"> lots of stuff...</div>              </div>         </div>     </div> </div>     css
.option{     position: absolute;     max-width: 600px; }    it shows like
 -------------- |              | |       -------| |      |option | |       -------| |     but want
 -------------- |              | |       -------------- |      |    alternative     | |       -------------- |              |       
by default, modal has "overflow:hidden". property causing big inner elements cutting off, instead of extending outside bounds of parent element. can override bootstrap's style , utilize "overflow:visible", may have other negative side effects on style.
 html css twitter-bootstrap modal-dialog 
 
Comments
Post a Comment