Javascript DIV HTML显示在元素后面

时间:2013-04-29 16:26:04

标签: javascript css custom-pages

我正在使用系统中使用的嵌入式自定义页面,使用javascript加载html并显示。

我已经创建了一个基本的测试示例来解决一些带有两个DIV元素的错误。一个显示文本,包含鼠标悬停和鼠标输出功能调用。

对第二个div处理这些函数,然后显示它们以提供其他信息。

当显示第二个div时,它显示在页面中其他元素的后面。我尝试通过css规则给它一个高z-index值,但它仍然出现在其他项目后面。

任何建议表示赞赏。

代码:

所以我想要显示在onmouse上的“隐藏”div的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 个答案:

答案 0 :(得分:0)

元素的垂直轴位置取决于几个因素。其中一个是特定堆栈上下文的堆栈级别值(z-index)

要应用z-index属性,必须定位元素。

但它远远超过玩游戏。哪些是周围元素的显示和位置值,包括div的麻醉剂? 可能是您正在将z-index值应用于参与其他堆叠上下文的元素! 他们的显示价值?您使用的是默认块值还是有内联级别框? 在邻国有任何漂浮元素吗?

显示您的HTML和CSS,我会给您一个更准确的答案。