我正在使用一個嵌入式自定義頁面,在系統中使用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"; };
您是否還包含[位置屬性(相對/固定/絕對)](http://www.w3.org/TR/CSS2/visuren.html#z-index)*除了z-index * ? – Adrift 2013-04-29 16:27:31
請發送完整的代碼示例。 – j08691 2013-04-29 16:43:43
因此,我想要顯示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