-1

我正在使用系统中使用的嵌入式自定义页面,该页面使用 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"; }; 
4

1 回答 1

0

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

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

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

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

于 2013-04-29T16:41:46.190 回答