浏览器对文本阴影传播值的支持

Alv*_*nço 2 css css3 spread compass-sass

看到这里的讨论但已经2年了!

我不知道我是否正在使用此权限,但是我有以下sass/compass代码:

+text-shadow(red 0 3px 0 3px)
Run Code Online (Sandbox Code Playgroud)

产生以下内容css

text-shadow: red 0 3px 3px, red 0 3px 0 3px;
text-shadow: red 0 3px 0 3px, red 0 3px 0 3px;
Run Code Online (Sandbox Code Playgroud)

这在Chrome / Safari / Firefox / Opera中均不起作用。

这是声明中的内容,还是此spread功能实际上已从规格中删除?

And*_*ord 10

这并不理想,但由于 text-shadow 接受逗号分隔的值列表,您可以将文本阴影“堆叠”在彼此之上以获得更不透明的结果。

text-shadow: 0 0 1px white, 0 0 2px white, 0 0 3px white;
Run Code Online (Sandbox Code Playgroud)


Pra*_*v 웃 6

在规格中说,

此属性接受以逗号分隔的阴影效果列表,这些阴影效果将应用于元素的文本。值被解释为“盒子阴影” [CSS3BG]。(但要注意传播价值不是允许的。)阴影应用于所有元素的文本以及其指定的任何文本装饰品。

  • 是的,single-text-shadow 接受传播值,但不幸的是浏览器不会渲染它,除非不再渲染它。顺便说一下,我不记得浏览器是否曾经渲染过它。问题仍然存在:为什么指南针在文档中包含它? (2认同)