这种技术的名称是什么?

时间:2013-06-12 20:11:55

标签: html css

以下是链接:http://codepen.io/uniZero/pen/fvkjJ

我尝试使用谷歌“固定图像背景”或类似的东西,但结果并不是同一个美丽的网页,当用户滚动网站时,这些网页正在发生变化。

如果有人能指出我正确的方向,我会感激,这样我就可以探索更多,并学习如何制作类似的东西?

此类网站有什么利弊?

提前谢谢大家:)

1 个答案:

答案 0 :(得分:1)

实际上,背景并非“固定”。已解决的问题是<header>

这项技术被称为...... ta-da!固定标题。或者,当您使用Twitter Bootstrap时,他们称之为“固定导航栏” - 这是使用它的网站中非常常见的组件。

这些关键只是设置position: fixed(您可能已经注意到)和可能的z-index值,因此它始终位于最前面。