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