javascript - how to create custom modal overlay -
updated : jsfiddle link here
i have hidden div .i shows on event , using jquery flippy plugin rotate div when open (as popup). want make modal overlay background when popup shows. means no 1 can click in background untill popup disappear. cant use jquery dialog.
background should blur , no event happen on background.but when popup div disappear should work normal. ask clearification if u need.thanks!
**update : **button 'click me' , other elements should not clicked when div open.
<>
add div class="modalcover"
element last element in document, create css class below:
.modalcover { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; opacity: 0.0; z-index = 10000; background-color: #000000; display: none; }
you may need fit z-index
other zindexes in page. when need cover, set display: block
.
Comments
Post a Comment