html - "modal" div, interaction issues with content with IE8 transparent divs -


i implementing modal div , have problem interaction of transparent div in ie.

i using following html , css modal div:

html:

<div id="content">     hahahah     <button>shouldn't clickable</button> </div> <div id="modal">     <div id="alert">         <div id="alerttext"></div>         <button>ok</button>     </div> </div> 

css:

#modal {     position: absolute;     left: 0%;     top: 0%;     width: 100%;     height: 100%;     background-color: rgba(0, 0, 0, 0.5);     -ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000)";     visibility: visible;     z-index: 1000000; } 

indeed div transparent in ie8, user can interact content below such as, can click "shouldn't clickable" button, shouldn't. there solution this?

jsfiddle: http://jsfiddle.net/t8kvh/

thank in advance!

from matthew darnell on https://stackoverflow.com/a/9950641/2274855

it's -ms-filter doing it. use semi-transparent png color overlay , should fix issue. vendor tags experimental , can non-standard.


Comments

Popular posts from this blog

jquery - How can I dynamically add a browser tab? -

node.js - Getting the socket id,user id pair of a logged in user(s) -

keyboard - C++ GetAsyncKeyState alternative -