正如标题所说，我有一个文本阴影，其中包含以下内容：
body { background: white; }
h1 {
color: black;
text-shadow: 100px 100px 10px black;
}
In the Safari browser, the shadow gets clipped/not rendered beyond the edge of the element border.
奇怪的是，当我触发主体背景颜色动画效果（将颜色从白色过渡到黑色的一些俗气的东西）时，它似乎在过渡期间的短时间内正确渲染到元素边界之外。然而，一旦过渡结束，阴影就会在边界处再次被切断。
如果在转换过程中可见，请添加 -webkit-transform:translateZ(0);到它。应该管用。不过，您确定剪切它的元素没有溢出：隐藏吗？另一个想法：切割阴影的元素有可能是 3D 变换的吗？如果是，那就是这个原因。它充当所有孩子的视口。如果以上方法都不起作用，那么如果没有最小、完整和可验证的示例，我将无法帮助您。在这里重现该错误。 – 安德烈·格奥尔基乌 2017 年 4 月 19 日 13:13 1
Solution
-webkit-transform: 翻译Z(0);以及显式内联显示：块；（如果它在我的 .css 文件中，似乎不起作用）为我修复了这个问题。感谢您的建议！抱歉，我没有提供更多代码作为示例，但帖子可能已经太长了。有时 Safari 感觉就像浏览器的丛林...... – Starcat 2017-04-20 0:03