将鼠标悬停在 chrome 上时更改位置时的平移/行高问题

Question

这个问题只与chrome有关。

http://jsfiddle.net/3ew5o6as/

基本上，当您将鼠标悬停在 .tile ，它应该在下面显示.caption。它工作正常，但它不会恢复到应有的原始状态。如果您仔细观察，它会在鼠标退出后显示大约 1-2 像素。

我

似乎已经注意到，每当我移除.wrap上的translate:transform或移除.caption上的line-height:50px时，问题就会消失

有什么建议吗？

Answer 1

对于不同的缩放级别，有时变换和绝对定位的值并不完全匹配。要解决此问题，您只需在底部添加一个1px"误差幅度"：

.tile .caption {
    ...
    bottom: -51px;
    ....
}

见小提琴：http://jsfiddle.net/jeremyblalock/3ew5o6as/1/