文字直到與之互動

Question

我遇到了iOS和文本背景問題。

我有以下文字：

<h1>Lorem ipsum</h1> 

這個CSS應用於製造用漸變填充文字：

-webkit-text-fill-color: transparent; 
background: -webkit-linear-gradient(45deg, #db6b2a, #ae1a31); 
-webkit-background-clip: text; 

不過，我在iOS上運行到一個奇怪的問題，即文本是完全不可見的，直到用戶實際點擊它應該在的位置，然後它似乎加載。我已經嘗試添加顏色回退沒有成功，唯一似乎工作的是刪除我正在使用的谷歌字體導致它加載罰款。

下面是對這個問題的鏈接生活：https://swillis.co.uk/test

由於可以在PC上可以看出，「測試」稱號載入罰款，但在iOS他們就是不出現。

感謝

Answer 1

我設法最終解決這個問題。首先，這個問題似乎是一個混合的問題。我從我的文本中刪除僞clearfix（不知道爲什麼這有幫助，但如果這仍然存在，我仍然有問題），然後刪除display: table;並將標題設置回內聯塊。我不得不想出一個解決方法來阻止我的標題旁邊的內容換行，所以我創建了一個簡單的包含塊元素。

Answer 2

-webkit-文本填充顏色似乎沒有在Safari移動

工作https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-fill-color#Browser_compatibility