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

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -