我正在制作一個網站，我有一個“粘性元素”和下面的一堆圖像，問題是，如果我向下滾動，“粘性元素”就會位于圖像后面，因此變得不可見。我想在向下滾動時使“粘性元素”可見。我嘗試過“z-index” CSS 屬性，但它不起作用（也許我沒有正確使用它）。<style>div{ position: sticky;}</style><body> <div> "Sticky element" </div><br> <img src="https://www.cecidiomas.es/images/cecidiomases/684-thinking-of-getting-a-cat-international-cat-care-3435.png"><br> <img src="https://www.cecidiomas.es/images/cecidiomases/684-thinking-of-getting-a-cat-international-cat-care-3435.png"></body>
2 回答
郎朗坤
TA貢獻1921條經驗 獲得超9個贊
如您所見，您不需要 z-index 來實現此目的，也許您忘記將 top 添加到粘性元素？我還在元素中添加了粉紅色背景，以便更容易看到，但這當然不是必需的
僅當后面的元素也定義了 z-index 時，才需要 z-index。
#sticky{
position: sticky;
top: 0;
background: pink;
}
<div id="sticky">
"Sticky element"
</div>
<br>
<img src="https://www.cecidiomas.es/images/cecidiomases/684-thinking-of-getting-a-cat-international-cat-care-3435.png">
<br>
<img src="https://www.cecidiomas.es/images/cecidiomases/684-thinking-of-getting-a-cat-international-cat-care-3435.png">
小唯快跑啊
TA貢獻1863條經驗 獲得超2個贊
如果它對您有幫助，您也可以嘗試一下，因為您沒有提到為什么要使用粘性。所以這個解決方案的工作原理與你想要的完全相同。
<style>
div{
position: fixed;
background-color: beige;
width: 100%;
top: 0;
left: 0;
padding: 10px 10px;
}
</style>
<body>
<div>
"Sticky element"
</div>
<br>
<img src="https://www.cecidiomas.es/images/cecidiomases/684-thinking-of-getting-a-cat-international-cat-care-3435.png">
<br>
<img src="https://www.cecidiomas.es/images/cecidiomases/684-thinking-of-getting-a-cat-international-cat-care-3435.png">
</body>
- 2 回答
- 0 關注
- 145 瀏覽
添加回答
舉報
0/150
提交
取消