使用文本阴影时在Internet Explorer中切断文本

Question

我最近建立了这个网站：http://billy.fm/

如果您在 Internet Explorer 11 中打开此页面，则会在右侧看到标有 Samuel-613 的大标题。

在IE开发者工具中禁用此标题上的text-shadow属性似乎可以解决此问题。

此外，将模糊半径更改为更大的数字也有效 - 但是留给我的结果是我不能追踪。

/* Does not work */
.project__title {
    text-shadow: 0 0 2px #fff;
}

/* Works */
.project__title {
    text-shadow: 0 0 10px #fff;
}

奇怪的错误 - 任何想法？

我在 Windows 7 上使用 Internet Explorer 11 。这也可能在其他版本中发生。

Answer 1

正如我在评论中所说，否定letter-spacing导致此问题。您可能希望在范围中添加一些padding-right，而无需根据letter-spacing或text-shadow进行调整。

Answer 2

<强>错误：

text-shadow中2px的模糊半径值导致Win7 + IE11错误。将阴影设置为更宽的值是值。将其设置为0或将其删除以解决切断问题。

替代解决方案

可以通过修改letter-spacing属性来解决截止。

为了保留间距并删除截止，您可以使用当前设置到-0.08em。

.project__title span {
    letter-spacing: -0.08em;
}