2012-04-28 54 views
1

我有這個問題,我現在處理了一段時間。我的對話框似乎彈出在我的博客內容後面。這裏是一個截圖。 http://wsoplugins.com/wp-content/uploads/2012/04/Capture.png 有人可以幫我解決這個問題嗎? 它會在標題內容後面彈出以具體。下面的其他內容似乎很好。 非常感謝。jQuery對話框彈出我的博客內容。如何修復

.ui-dialog{ 

position: fixed; 
z-index: 99999; 

} 
+0

你的頭文件和對話框彈出的CSS屬性是什麼?之後, – 2012-04-28 17:16:26

回答

4

嘗試更改您的z-index

例如:

#myPopup{ 
    z-index: 9999; 
} 

編輯
有你的問題:

position: fixed; 

你的位置需要relativeabsolute

+0

仍然無法正常工作。謝謝。 – 2012-04-28 17:09:29

+0

@Ronny你介意發佈你的代碼嗎? – 2012-04-28 17:11:17

+0

剛發佈它DC – 2012-04-28 17:14:05

1

您可以在創建對話框時設置您的zIndex選項;

zIndex: 12000 //you can set much more 
+1

我甚至把它放在30000,仍然沒有工作。 – 2012-04-28 17:09:52

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,以確保任何進入後在main_content DIV的nav將被定位以較低z-index值。