Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
1010
modal window and IE7 z-index bug
posted

I am unable to get my modal window to appear on top of the content on my page.  Most of my content has no z-index specified at all.  Works fine in FF. Has anyone found a fix for this problem?

 

 

  • 24497
    Verified Answer
    posted

    Hi Frank,

    If your page contains other html elements which has position:relative/absolute, and container of dialog appear above them, then that is the reason. If it is the case, then z-index of dialog will not help to put it on top of everything. To verify that you may replace dialog by something like
    <div style="position:absolute; z-index:10000; background:red;width:1000px;height:1000px;"></div>
    and check how it will appear. I think by exactly same way as dialog.

    To ensure that dialog will appear on top of other elements, it should be located in aspx as the last control or below and outside of any html element with not-default style.position.