線性漸變文本在 Safari 中不起作用

Question

為我的文本標題制作了一個線性漸變，所有這些都在 Chrome 中完美運行，但它們沒有出現在 Safari 中。 （它似乎仍在 Safari 中，但只是透明的）。 不太確定是什么問題。 我引用了無數其他帖子，但沒有一個對我有用。 出於某種原因，如果線性漸變不起作用，它甚至不依賴我的后備顏色。 最好的解決方案是讓線性漸變文本出現在 Safari 中，但設置后備顏色也可以。

任何幫助將非常感激。 謝謝！

 h2{ font-family: 'Inter' , 'Open Sans', Times, sans-serif; font-weight: 600; font-size:2.5em; margin-top: 16px; line-height: 180%; white-space: nowrap; background: #1c92d2; background: -webkit-linear-gradient(to right, 1c92d2, #fbf8e9); background: linear-gradient(to right, #1c92d2, #fbf8e9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

 <h2>About Me</h2>

Answer 1

我在一個 div 中有多個跨度的情況相同。 將display: block設置為 div 和 span 對我有用。

您能否嘗試為您的h2設置display: block ？