嗨，大家好，在使用CSS渐变时，我在Safari（macOS Mojave上的13.0.5版）上有这种奇怪的行为。
该段在Chrome和Firefox上看起来很完美。这是我正在使用的代码：
.highlight1 {
background: -webkit-linear-gradient(180deg, #FFFFFF 5%, #EE8344 91%);
-webkit-background-clip: text;
-webkit-text-stroke: 3px rgba(255, 0, 0, 0);
color: #232323;}
最奇怪的是，该段落中只剩下一个词。有关如何解决此问题的任何提示？
这是实时网站：https : //portfolio-84e6dc.webflow.io/
提前非常感谢您！
我试图检查它。“ brewer”一词存在并且不会消失，但是它不在同一行上，span因此样式不适用于它。当我尝试减小字体大小时，显示效果。
我建议以不同的范围分隔单词Brewer，并调整highlight1和的样式NEW_CLASSNAME以产生相似的效果。但是要注意效果会因使用Safari的屏幕大小不同而发生
<p class="herotext">
I spent some time in the
<span class="highlight1">world's largest </span>
<span class="NEW_CLASSNAME">brewer</span> and the
<span class="highlight2">first brazilian unicorn</span> and now I design for companies
and startups.
</p>
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句