如果在Safari中给出​​模糊半径,则不会渲染text-shadow

时间:2017-08-22 12:52:51

标签: css css3 reactjs

此页面上的文字阴影并没有真正有趣的时间。

http://lunareee.onuniverse.com

顶部标题“Lunareee”上有一个文字阴影。如果您检查检查员,您可以看到它应该是。

text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 10px;

这在任何独立的例子中都可以正常工作我可以设置它的一些反应问题,但我无法弄清楚它可能是什么。在检查器中,如果我设置了一个自定义文本阴影,只要模糊为0px就可以了。一旦我将其设置为1或更高,阴影就会消失。

另一个有趣的说明。在Mac上的Safari中,如果单击文本,则会出现阴影。

任何人都有任何想法,其他CSS可能会在这里发生冲突吗?

更新 http://onuniverse-sandbox.com/0265DF42-1A4A-4F74-AAAE-DFC8B47C7720

管理以在我们自己的系统中隔离它。它与我们的形状掩盖有关。任何人都知道CSS中的任何东西会与text-shadow冲突,因为它与掩蔽有关吗?

更新

删除border-radius: 45px;可使阴影完美运行。但我无法在这里重新创建。 https://jsfiddle.net/zugq7upa/在这个简单的例子中,border-radius和text-shadow可以很好地协同工作。所以它的另一个奇怪的互动与我们网站中的某些东西有关。绝对好奇,如果有人有任何想法。

0 个答案:

没有答案