有没有通过文本后面显示的文字阴影的方法?

时间:2013-02-26 17:00:08

标签: css opacity alpha css3

我希望文本具有阴影/发光,但问题是文本本身略微透明,阴影在其后面显示,为文本着色。

color: rgba(226,229,226,0.88);
-webkit-text-stroke-width: .5px;
-webkit-text-stroke-color: #9c9c9c;
text-shadow: 0px 1px 29px #333;

是否有任何CSS方法可以实现这一目标? box-shadow似乎不会影响投射阴影的略微透明的项目的颜色,因此这种行为是不一致的(特别是当您希望文本具有与框相同的外观时)。

这是一个解释我在说什么的问题:http://jsfiddle.net/cutcopypaste/KzxrK/

1 个答案:

答案 0 :(得分:1)

您可以在文字后面添加背景颜色和相同大小和形状的完全相同的文字。

使用类似这样的东西和各自的CSS:

<h1>█</h1><h1 class="c1">█</h1>

编辑:如您所编辑的jsfiddle http://jsfiddle.net/KzxrK/2/

所示