2013-04-29 68 views
-1

我正在使用一個嵌入式自定義頁面,在系統中使用javascript來加載html和顯示。JavaScript DIV元素背後的HTML顯示

我已經創建了一個基本的測試示例來計算出帶有兩個DIV元素的一些錯誤。一個顯示文本幷包含鼠標懸停和鼠標懸停功能調用。

這些功能是針對第二個div進行處理的,然後顯示這些功能以提供附加信息。

雖然顯示第二個div,但它顯示在頁面中其他元素的後面。我試着通過css規則給它一個高z值的索引值,但它仍然出現在其他項目的後面。

任何建議表示讚賞。

代碼:

所以我對 「隱藏」 的div,我想顯示onmouse ...(CSS)是:

.description{ display:none; position:absolute; border:5px solid black; background-color: yellow; padding: 5px; z-index:10000;} 

和我的JS。功能是:

function ShowContent(d) { var dd = document.getElementById(d); dd.style.display = "block"; }; 
+1

您是否還包含[位置屬性(相對/固定/絕對)](http://www.w3.org/TR/CSS2/visuren.html#z-index)*除了z-index * ? – Adrift 2013-04-29 16:27:31

+1

請發送完整的代碼示例。 – j08691 2013-04-29 16:43:43

+0

因此,我想要顯示onmouse ...()的「隱藏」div的CSS爲: .description { display:none;位置:絕對的;邊框:5px純黑色;背景顏色:黃色;填充:5px; z-index:10000;} 和我的js。函數是: 函數ShowContent(d) {dd} = document.getElementById(d); dd.style.display =「blokc」; }; – 2013-04-29 17:02:06

回答

0

元素的縱軸位置取決於幾個因素。其中之一是特定堆棧上下文的堆棧級別值(z-index)

要應用z-index屬性,必須定位元素。

但它遠遠超過了玩遊戲。哪些是周圍元素的顯示和位置值,包括div的麻醉劑? 也許您正在將z-index值應用於參與其他堆疊環境的元素! 他們的顯示值?您是使用默認塊值還是有內聯級別框? 在鄰居有任何浮動元素?

顯示您的HTML和CSS,我會給你一個更準確的答案。

+0

因此,我想要在onmouse上顯示的「隱藏」div的CSS是 – 2013-04-29 16:57:33