在CSS中z-index没有优先级

我已根据其优先级将z-index分配给所有标签。带有“b1”和“b2”id的标签需要有absolute的位置，因为我需要用javascript移动它们的位置。在CSS中z-index没有优先级

但是，我需要带有“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;}

来源

2014-10-07 SRYZDN

你被*堆放上下文*看到这里：https://liebdich.biz/zindexmania – loveNoHate 2014-10-07 12:55:46

@DOCASAREL - #top和＃b1是兄弟姐妹，所以这里没有堆栈上下文问题。 – Quentin 2014-10-07 12:56:45

@Quentin哎呀，没有阅读html – loveNoHate 2014-10-07 12:58:11

你拼错absolute（该e从丢掉了）。无效的属性被忽略。 position属性仍然设置为static，并且z-index属性不适用（因为它仅适用于已定位的元素）。

如果您使用了a validator，那么这将会被拾取。

来源

2014-10-07 12:55:45 Quentin

感谢您的验证链接 - 这就是我所需要的。 – SRYZDN 2014-10-07 13:00:57

你有错误的绝对，所以该div没有位置，你可能知道，Z指数不工作没有一个位置。

来源

2014-10-07 12:57:42

在CSS中z-index没有优先级

回答

相关问题