将html元素定位在javascript之上

Question

这是我正在处理的网站：http://labbrini.netsons.org，在其左侧我有一个div（#puntate）应该在大嘴唇徽标（#logo）的javascript之上这显示了一切。当然，即使标志显示在上面，我也需要#puntate的链接可点击。 z-index不适用于此。有人可以帮我这个定位吗？

Answer 1

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

不要为z-index

提供任何单位

在CSS中，替换

z-index: 900px;

与

z-index: 900;

正如docs

中所述

  

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

而且，订单没有单位。因此不需要任何单位。任何具有更高z-index的元素都将位于其他元素之上。

Answer 2

谢谢大家。 z-index的值是我的愚蠢错误。但为了得到我想要的东西，我需要更多地修补一下。我创建了另一个div＃left2

<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，我将background-color设置为透明，以便在下面看到带有颜色过渡的旧颜色：

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

当然#puntate的z-index设置为比#logo

更高的值

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