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
Post a Comment