MacOS的Safari瀏覽器文本陰影缺失

這裏的問題是https://jsfiddle.net/smdLzsx5/1/MacOS的Safari瀏覽器文本陰影缺失

的例子有人可以看一看，看看是否出現了他們的錯誤？我有興趣瞭解問題是否可以持續轉載，以便我可以將其報告給蘋果公司。

代碼：

<html> 
<head> 
<style> 

.header01{ 
    background-color:#d0d0d0; 
    overflow:hidden; 
    border-radius:5px; 
    width:500px; 
} 

.heading01{ 
    color:#ffffff; 
    text-shadow:0px 2px 4px #000000; 
    font-size:40pt; 
} 

</style> 
</head> 
<body> 
    <div class="header01" id="header"> 
     <div class="heading01"> 
       BAD<span>GOOD</span> 
     </div> 
    </div> 
</body> 
</html>

在某些情況下（例如，上面的代碼）的文字陰影不呈現 - 或它短暫地出現然後再次消失。

我使用MacOX 10.12.6（16G29），Safari瀏覽器11.0（12604.1.38.1.7）

問題不會在Firefox 56或Chrome 61.0.3163.100

許多事情發生會影響問題如：

改變HEADER01 div的寬度（它改變至200像素和無的的文字陰影繪製）
設置HEADER01 DIV溢出：可見; （陰影正確呈現）
更改heading01字體大小爲20pt（陰影呈現正確地）

來源

2017-10-09 user1608371

在我的Safari上看起來不錯 – Thielicious

嘗試刪除 '溢出：隱藏;'來自'.header01'類。看起來這是它造成的。

來源

2017-10-09 12:51:20 Laura

感謝Laura的回覆，但我在問題中已經注意到了這一點。我的問題是這個錯誤是否發生在其他人身上。 – user1608371

我在Safari中看到了這個問題 – Laura

MacOS的Safari瀏覽器文本陰影缺失

回答

相關問題