Question

我已根据优先级为所有代码分配了z-index。带有“b1”和“b2”ID的标签需要absolute位置，因为我需要使用javascript移动它们的位置。

但是，我需要带有“top”id的标签位于“b1”及其子节点上。虽然它具有更高的z指数，但它仍然位于下方。

这是一个例子：

HTML:
<div id="container">
     <div id="b1">
          <div id="HF">
               The main text >
          </div>
          <div id="nv_1">
               <a href="#">aaaaa</a>
               <a href="#"> bbbbbb </a>
               <a href="#">cccccc</a>
               <a href="#">dddddd </a>
          </div>
     </div>
     <div id="top"></div>
     <div id="b2"></div>
</div>

CSS：

#container{
    width:1280px;
    height:762px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    z-index:1;}

#b1{
    height:78px;
    width:270px;
    top:0px;
    text-align:center;
    border: solid 2px #D24726;
    position:absolute;
    z-index:2;}

#b2{
    width:270px;
    height:80px;
    text-align:center;
    top: 82px;
    border: solid 2px #14826D;
    position:absolute;
    z-index:2;}

#top{
    position:absolut;
    width:160px;
    height:50px;
    background-color:yellow;
    z-index:3;}

Answer 1

你拼错了absolute（最后遗漏了e）。无效属性将被忽略。 position属性设置为static且z-index属性不适用（因为它仅适用于定位元素）。

如果您使用了a validator，那么本来可以使用。

Answer 2

你有拼错绝对所以div没有位置，你可能知道，如果没有位置，z-index不起作用。

CSS中没有z-index的优先级

2 个答案: