html元素在javascript元素上的位置

Question

这是我正在做的网站：http://labbrini.netsons.org，在它的左边，我有一个div (#puntate)，它应该在显示在所有东西上的大嘴唇标志(#徽标)的javascript上面。当然，我需要的链接#朋tate是可点击的，即使当标志显示在它上面。Z-索引对此不起作用。有人能帮我完成这个定位吗？

Answer 1

在我的浏览器中检查您的代码时，我发现您正在使用px进行z-index。

z-index 不给任何单位

在CSS中，替换，

z-index: 900px;

使用

z-index: 900;

如在文档中所述

z-index属性指定元素及其后代的z顺序.

而且，订单没有一个单位。因此不需要任何单位。任何z索引较高的元素都将位于其他元素的顶部。

Answer 2

谢谢你们所有人。Z指数的值是我的愚蠢错误。但为了得到我想要的，我需要再多做一点。我创建了另一个div #left2 2

<div id="left"></div>
<div id="left2"><div id="puntate"><ahref="http://labbrini.netsons.org/Labbrinip1"> 
Labbrini p.1 - Lorem ipsum dolor sit amet</a><br/> 
</div></div>

因此，所讨论的div (#puntate)属于新的div，并且我将背景颜色设置为透明，以便在具有颜色转换的旧的div下面看到：

#left2 {
background-color : transparent;
position:fixed;
display: table;
z-index:1000;
width:50%;
height:100%;
position:fixed;
bottom:0;
left:0;
}

当然，#puntate的z索引设置为比#徽标更高的值。

我很抱歉之前没有发布代码。