代码之家 › 专栏 › 技术社区 › S J Paul Chowdhury

CSS3简单文本动画,滚动时与固定导航栏重叠,尽管文本的内容区域没有?

animate.css animation css html

-1

S J Paul Chowdhury · 技术社区 · 9 年前

所以,正如标题所说,我有一个固定位置的导航,然后是一个横幅和一个内容区域,我正在使用 Animate.css (来自github),在内容区域中设置一个简单的标题样式。标题在未处于动画状态时表现良好,在缩放和滚动页面时不会与导航重叠,但在动画之后会重叠。

动画后我的横幅也有同样的问题,但我可以通过设置 position:relative; 和 z-index:0 ;

感谢任何帮助。

1 回复 | 直到 9 年前

Mogsdad 8 年前

-webkit-animation-fill-mode: backwards 似乎解决了这个问题,现在它正在按预期工作。

我不明白为什么 z-index 操纵在这种情况下没有帮助,但在banner的情况下有帮助。

推荐文章

Weebs · 如何将类添加到元素并将其保持在那里,直到鼠标离开动画。css?

7 年前

onda47 · jQuery one()处理程序执行了两次

7 年前

Nydigov · 动画文本以错误的顺序设置动画

7 年前

Dust_In_The_Wind · 使有生气css震动效果每次都不起作用

8 年前

SergkeiM · Bootstrap Carousel转换项目+animate.css

8 年前

Simon Rook · 背景图像未正确淡入

8 年前

That guy · 如何使用HTML和CSS制作简单的计时器图像幻灯片

9 年前

CookieM · 使有生气css不工作不知道为什么?

9 年前

S J Paul Chowdhury · CSS3简单文本动画,滚动时与固定导航栏重叠,尽管文本的内容区域没有?

9 年前

chrislhardin · 应用多个类,延迟介于

10 年前