[thelist] z-index issues in ie6 and ie7

Chris Dorer cdorer at gmail.com
Thu Aug 16 14:54:21 CDT 2007


Why when I use a table and style it with a z-index of 5 in FireFox it plays
nicely and lies underneath a div dialog box that's a z-index of 13.

HOWEVER, in ie the table craps out and has a commanding z-index layer that
supersedes the dialog box's z-index of 13.

What information can I provide you besides the following:

function a(){
    var heightOfDoc = $(document).height();
    $("<table id='disablePage' " +
        "style='z-index:5; display:none; position:absolute; top:0px;" +
        "left:0px;' width='100%' height='" + heightOfDoc + "px'><td></td>" +

function disablePage() {
    // $("#disablePage").css("display", "block");
    $("#disablePage").css("z-index", "5");
    $("#disablePage").css("background-color", "red");
    alert( $("#disablePage").css("z-index") );

function unDisablePage() {
    $("#disablePage").css("display", "none");

Thanks for your tips,


More information about the thelist mailing list