在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沒有優先級

回答

相關問題