css - Chrome + CSS3 转换 + BG 图像问题

Question

我在 Chrome 中遇到一个问题，其中使用 CSS3 变换具有 Y 偏移的元素会影响下一个具有 BG 图像的元素的位置。 BG 图像被前一个元素推送。

附言当元素没有相对位置时，错误不存在，但在这种情况下，我确实需要相对位置。

The BUG example

Answer 1

更新 2:首先尝试添加-webkit-backface-visibility: hidden;到带有背景图片的 div。如果问题仍然存在，您需要删除 position:relative;从这个分区。

更新:

如果您指的是照片上方的黑色空间……那是照片的一部分。否则，它在 chrome 中看起来不错。图片的顶部位于 div 的顶部。

尝试绝对定位。使用 relative 在该元素后面留下一个“幽灵”。因此，当您修改它的位置时，它会将元素移动到它可见的位置，但它也会影响它通常在结构中的位置。