css - Firefox 上的 div 位置不正确

Posted

技术标签:

【中文标题】css - Firefox 上的 div 位置不正确【英文标题】:css - div at incorrect position on Firefox 【发布时间】:2012-06-08 13:10:27 【问题描述】:

我正在制作一张带有 css 动画的卡片,在 Chrome/Safari 上效果很好,但在 Firefox 上,其中一个 div 超出了它的位置。在 Chrome/Safari 和 Firefox 上打开 this fiddle 以查看发生了什么。有人知道解决方法/解决方法吗?

【问题讨论】:

【参考方案1】:

我设法通过添加让 Firefox 玩得更好

.perspective 
    ...
    position: relative;

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

不幸的是,它现在看起来有时间问题,但至少你更近了一步!

效果还是很酷的 XD!

【讨论】:

不错!谢啦!我在尝试更改左侧位置时注意到了时间问题,但同样,它仅在 Firefox 上。

以上是关于css - Firefox 上的 div 位置不正确的主要内容,如果未能解决你的问题,请参考以下文章

Firefox 上的 CSS 缩放转换问题

li 元素的(使用 CSS 样式)标记在 chromium 浏览器上的位置错误,但在 Firefox 上很好

Firefox 上的 CSS 变换比例“故障”

Firefox中的CSS下拉位置错误[关闭]

html+css+js 更换div位置

div+css如何控制图片在电脑屏幕上的比例及位置