1

私は今しばらくの間この問題に取り組んでいます。ブログコンテンツの後ろにダイアログがポップアップ表示されます。これがスクリーンショットです。 http://wsoplugins.com/wp-content/uploads/2012/04/Capture.png 誰かがこれを修正するのを手伝ってくれますか？具体的には、ヘッダーコンテンツの後ろにポップアップ表示されます。以下の他のコンテンツは問題ないようです。どうもありがとうございます。

.ui-dialog{

position: fixed;
z-index: 99999;

}
4

3 に答える 3

4

を変更してみてくださいz-index。

例えば：

#myPopup{
    z-index: 9999;
}

編集
あなたの問題があります：

position: fixed;

あなたの位置はまたはである必要がありrelativeますabsolute。

于 2012-04-28T17:02:49.013 に答える
1

;を使用してダイアログを作成するときに、zIndexオプションを設定できます。

zIndex: 12000 //you can set much more
于 2012-04-28T17:03:34.113 に答える
1

z-index隣接する要素ラッパーにプロパティを配置するのが賢明な場合があります。動作するために必要な唯一のことは、要素を比較的、絶対的に、またはプロパティz-indexを介して固定する必要があるということです。position

例：HTML：

<div class="nav">
Multiple div's here with some text or whatever elements, some of them with z-index
</div>
<div class="main_content">
Multiple div's here with some text or whatever elements, some of them with z-index
</div>

CSS：

.nav{
    position: relative; //fixed, or absolute, otherwise z-index doesn't work
    z-index: 40;
}
.main_content{
    position: relative; //fixed, or absolute, otherwise z-index doesn't work
    z-index: 30; // setting it lower than the previous block
}

このようなcssを追加してnav、main_contentdivの後に続くものがより低いz-index値で配置されるようにすることができます。

于 2012-04-28T17:16:19.650 に答える