Question

我发现这个solution用于制作带文字的浮雕效果。这真的是最好的方式。关于它的任何新想法。如果您必须添加额外的span标记以使字距变为正确，则无法使用它。我想它会增加额外的节点并混淆伪选择器。

Answer 1

您可以使用文字阴影。

text-shadow{0px 1px 0px #fff, 0px -1px 0px #000}

这不会比IE9更早在IE中工作。

Answer 2

它不一定是跨浏览器友好的，但总是有文字阴影来模仿浮雕风格。

h1.embossed {
    text-shadow: 1px 1px 2px #fff;
}