CSS- webkit-text-stroke但笔划包含字体颜色

时间:2013-07-05 08:20:17

标签: css css3 webkit stroke

请使用Chrome查看此处:http://jsfiddle.net/u8BdB/

为什么webkit-text-stroke也覆盖了字体颜色?

我想把笔划放在文本之外,看起来它是假设在里面所以它涵盖了字体颜色:/难以置信

感谢任何帮助。

2 个答案:

答案 0 :(得分:2)

您可以使用:: pseudo-elements执行基于CSS的外部文本笔划。实际上你甚至可以做2层外线。

您可以在http://www.petercarrero.com/examples/stroke/

上查看该技巧

此方法仅适用于Web工具包浏览器。文章还提到了一些需要注意的注意事项才能获得好的结果。

我希望能帮到你。

答案 1 :(得分:1)

这是因为与1px笔划相比,字体相对较小。

您可以尝试较小的px值,例如0.3px

Fiddle

您也可以使用text-shadow

模拟此问题

Fiddle