Javascript DIV HTML显示在元素后面答案

【问题标题】：Javascript DIV HTML display behind elementsJavascript DIV HTML显示在元素后面
【发布时间】：2013-04-29 16:26:04
【问题描述】：

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

我创建了一个基本的测试示例来解决两个 DIV 元素的一些错误。一个以文本显示，并包含鼠标悬停和鼠标移出函数调用。

针对第二个 div 处理函数，然后显示该 div 以提供更多信息。

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

任何建议表示赞赏。

代码：

所以我想要在鼠标上显示的“隐藏”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"; };

【问题讨论】：

除了z-index之外，您是否还包括position property (relative/fixed/absolute)？
请发布一个完整的代码示例。
所以我想要在鼠标上显示的“隐藏”div 的 CSS...() 是：.description{ display:none;位置：绝对；边框：5px 纯黑色；背景颜色：黄色；填充：5px； z-index:10000;} 和我的 js。函数是：函数 ShowContent(d) { var dd = document.getElementById(d); dd.style.display = "块"; };

【解决方案1】：

元素的纵轴位置取决于几个因素。其中之一是特定堆栈上下文（z-index）的堆栈级别值

要应用 z-index 属性，您的元素必须被定位。

但玩游戏的意义远不止于此。包括你的 div 的 anestor 在内的周围元素的显示和位置值是什么？可能是您正在将 z-index 值应用于参与其他堆叠上下文的元素！以及它们的展示价值？您是使用默认块值还是有内联级别框？附近有浮动元素吗？

显示你的 HTML 和 css，我会给你一个更准确的答案。

【讨论】：