html - 内嵌块，斜体文本在Chrome上部分隐藏，同时隐藏了背面可见性

我正在使用斜体字体样式制作内联块元素动画。刚注意到Chrome浏览器上出现了一个奇怪的问题。应用背面可见性时，文本部分隐藏：hidden

重现此问题。

font-style: italic;
text-transform: uppercase;
display: inline-block;
backface-visibility: hidden;

我做了些小提琴-http://jsfiddle.net/g817g9ph/3/

所有其他浏览器似乎都可以正常工作。有想法吗？

最佳答案

将padding-right: 3px添加到a.backface可以解决此问题，但是我不知道这将如何影响您的项目的其余部分。

a.backface {
    padding-right: 3px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

Fiddle

似乎backface-visibility:hidden的行为与overflow:hidden相同，因为所有不适合原始div的内容都被隐藏了。