0

2 つのテーブルがあり、そのうちの 1 つが表示され、もう 1 つが非表示になっています。
ページの読み込み時にjQueryを使用して他のテーブルを表示すると完全に表示されますが、問題は、使用した他のテーブルの上に非表示のテーブルを表示したいのですz-indexが、テーブルがまだ隣同士に表示されていることです。

<table border="1" class="mask">
    <tr>
        <td>this table should be over the background</td>
    </tr>
</table>
<table class="mask1" border="1">
    <tr>
        <td>this table should be in the background</td>
    </tr>
</table>

CSS:

.mask {
    display:none;
}

JS:

$(document).ready(function(){
    setTimeout(function(){
        get = $(document).find('.mask');
        $(get).show();
        $(get).css({"background-color": "red","z-index": "999"});
    },5000);
});

テーブルを表示すると、背景が赤色になりますが、正常にz-index機能せず、テーブルが他のものの上に表示されませんでした。
何か足りないものはありますか？

4

3 に答える 3

1

z-indexプロパティは、静的に配置された要素には影響しません。
だからposition: relativeあなたの最初のテーブルに与えてみてください

于 2013-08-01T08:46:31.690 に答える
0

z-indexプロパティを有効にするには、要素を配置する必要があります。つまり、スタイルpositionが相対、絶対、または固定に設定されている必要があります。

于 2013-08-01T08:46:25.627 に答える