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