Firefox“滑动”悬停过渡

Posted 2023-03-06

【中文标题】Firefox“滑动”悬停过渡

【英文标题】：Firefox "slide" hover transitions

【发布时间】：2012-10-08 01:24:18

【问题描述】：

首先，我想对社区说一声“你好”。我是一名刚从职业学校毕业的入门级初级网页设计师。我在 CSS 中的大部分样式都是我自学的，所以这给我带来了一些问题。比如下面这个。

这是我用于网站的导航栏示例。每个 div 框都应该在 2 秒内滑出到相应的位置。然而，除了 chrome 之外的所有浏览器，它们都会快速弹出，而不是平滑过渡。

http://jsfiddle.net/kwh71787/cxBxL/

如果有人有任何见解，请帮助

【参考方案1】：

欢迎来到堆栈溢出！

这似乎解决了它。我所做的是在每个 div 中添加了 top: 0px; and left: 0px;。

这是更新后的jsfiddle

希望对您有所帮助！

【参考方案2】：

尝试改用这种风格：

#navbuttons div 
    position: absolute;
    left: 0px;

DEMO