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