我在 web 和 android 設備上的漸變 css 上面臨一個問題，文本可見，但在 Safari 上根本不顯示。請查看兩個螢屏截圖。
我已經與caniuse.com檢查，都
uj5u.com熱心網友回復：
自 2017 年以來，WebKit Bugzilla 上有一個未解決的未決問題：background-clip:text 不適用于 display:flex。Apple 已經忽略這個 bug 4 年了，它可能永遠不會得到解決。
洗掉display: flex，它的作業原理：
.gradient-effect {
background: linear-gradient(240.86deg, #ff8329 0%, #ff007a 66.41%);
-webkit-text-fill-color: transparent;
width: max-content;
background-clip: text;
-webkit-background-clip: text;
}
.mine-box-title {
font-family: Poppins;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 44px;
letter-spacing: -0.01em;
}<h2 class="mine-box-title gradient-effect">25 MILLION</h2>轉載請註明出處，本文鏈接：https://www.uj5u.com/net/371866.html