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