首頁 >web前端 >css教學 >這是適合您文章的標題,格式為問題: **應用「z-index」時如何將「::before」偽元素保留在其父元素後面? **

這是適合您文章的標題,格式為問題: **應用「z-index」時如何將「::before」偽元素保留在其父元素後面? **

Barbara Streisand
Barbara Streisand原創
2024-10-24 19:29:02604瀏覽

Here's a suitable title for your article, formatted as a question:

**How to Keep a `::before` Pseudo-Element Behind Its Parent Element When Applying `z-index`?**

帶有偽元素的Z-Index ::before

開發人員尋求幫助來解決z-index 定位和以下問題: :在偽元素之前。您的目標是在將 z-index 應用於父元素時將偽元素保留在父元素後面。

::before 偽元素放置在 header 元素內。 CSS 規範規定,這些偽元素就像插入到其關聯元素中的真實元素一樣進行互動。

透過設定標頭元素的 z-index,建立一個新的堆疊上下文。因此,創建的偽元素無法浮動在 header 元素後面,因為它會被強制脫離該堆疊上下文。

要解決此問題,建議在 header 元素前面放置一個附加元素標題元素。這樣預設疊加就成功了。

以上是這是適合您文章的標題,格式為問題: **應用「z-index」時如何將「::before」偽元素保留在其父元素後面? **的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn