css - 在Firefox上的位置不正确 [英] css - div at incorrect position on Firefox

问题描述

我使用css动画制作卡片，而在Chrome / Safari上它的效果非常好，但是在Firefox上，一个div的位置已经离开了。在Chrome / Safari和Firefox上打开这个小提示，看看发生了什么。

I'm making a card with css animations, and on Chrome/Safari it works great, but on Firefox one of the divs is getting out of its position. Open this fiddle on Chrome/Safari and on Firefox to see what is going on. Does anybody know a fix/workarround to this?

推荐答案

我设法通过添加

.perspective {
    ...
    position: relative;
}

这似乎指定了左侧是绝对定位的对象。它必须在Webkit和Firefox之间默认不同。

That seems to specify the object to which the left side is the absolutely positioned. It must differ by default between Webkit and Firefox.

不幸的是，现在看起来它有一个时间问题，但至少你还差一步！

Unfortunately it looks like there's a timing issue with it now, but at least you're one step closer!

酷看效果尽管如此XD！

Cool looking effect nonetheless XD!

这篇关于css - 在Firefox上的位置不正确的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！