Chrome + CSS3转换+ BG图像问题

时间:2014-03-12 18:36:31

标签: css css3 google-chrome transform

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

P.S。当元素没有相对位置时,bug就不存在,但在这种情况下我确实需要相对位置。

The BUG example

1 个答案:

答案 0 :(得分:0)

更新2: 首先尝试添加-webkit-backface-visibility:hidden;用背景图片到你的div。如果问题仍然存在,则需要删除position:relative;来自这个div。

更新

如果您指的是照片上方的黑色空间......那是照片的一部分。否则,它看起来很好用铬。图像的顶部位于div的顶部。

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