我正在制作一個帶有標題選單的網頁，內容在某處有漸變文本。
我剛剛發現通過標題選單可以看到文本，似乎文本以某種方式使標題選單透明。
通過選單可以看到文本
應該看起來像：
這是正常的嗎？有沒有其他方法可以在不影響其他元素的情況下制作漸變文字？
順便說一句，標題和文本的 css 看起來像這樣：
#header {
position: sticky;
top: 0;
background-color: black;
height: 100px;
align-items: center;
padding: 10px 10px 10px 10px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
}
.content_right_text {
font-size: 60px;
font-weight: 700;
background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 10%, #ffffff 50%, #ffffff 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-box-decoration-break: clone;
}
uj5u.com熱心網友回復：
嘗試將 z-index 添加到您的標題元素，以便它在滾動時保持在頂部，因為該位置設定為粘性。
#header {
position: sticky;
.
.
.
z-index: 1;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/534731.html
標籤：网页格式CSS
下一篇：如何默認聚焦一個按鈕？