CSS 層 - z-index

Question

enter image description here我已經將這個復選按鈕添加到卡片中，並添加了 position 這樣我就可以把它放在左邊的角落里，但是當我把按鈕從卡片角落里拿出來時我就消失了，即使我使用z-指數！

Answer 1

那是因為你有overflow: hidden; 為.note-card設置。 如果你想保留它，你將不得不將你的支票移到該容器之外或切換到overflow: visible並以不同方式處理截斷文本，通過使框更高，縮短文本或將該文本包裝在另一個div中那就會有overflow: hidden只是切斷文本。

Answer 2

該按鈕消失是因為您在.note-card元素上將overflow屬性設置為hidden 。 嘗試將此屬性設置為visible 。

還提供代碼片段可以讓其他人以更好的方式幫助您，因為代碼的屏幕截圖沒有多大幫助。