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

Popular posts from this blog

java - activate/deactivate sonar maven plugin by profile? -

python - TypeError: can only concatenate tuple (not "float") to tuple -

java - What is the difference between String. and String.this. ? -