代码之家  ›  专栏  ›  技术社区  ›  Lawrence

z-index的行为与我预期的不一样

  •  5
  • Lawrence  · 技术社区  · 17 年前

    我大致得到了这个:

    <div id="A">
        <ul>
            <li id="B">foo</li>
        </ul>
    </div>
    <div id="C">
        ...
    </div>
    

    A有一个 z-index 属于 90 z指数 92 ,C有一个 z指数 91 . 但是C出现在B前面。我做错了什么?(如果需要更多细节,请告诉我。)

    2 回复  |  直到 8 年前
        1
  •  11
  •   Adam Bellaire    17 年前

    使用 z-index

        2
  •  1
  •   datasn.io    17 年前

    如果元素没有位置:相对/位置:绝对/位置:固定样式,则其位置:静态是所有元素的默认位置样式。

    对于位置为static的元素,z-index根本不起作用。 浏览器将按照xml元素的顺序呈现堆栈,并忽略z索引属性。

    要了解更多有关z索引和CSS堆叠的信息,请访问此处: http://www.tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp