2016-09-16 55 views
1

我正在构建一个HTML5网站,并且我在页面的右上方放置了一个按钮,如果向下滚动,它将被修复。按钮固定在滚动但不在元素下

这是工作,但有一些段落的按钮将在下面。

这是一个购买门票的按钮,它必须始终在所有项目之上。 一些<p><div>是绝对的,我认为这是问题所在。

+1

您可以粘贴您的代码并在codepen,jsfiddle ...中创建一个可重现的示例吗? –

回答

1

添加的z-index它

.your-button{ 
    z-index:9999; 
} 
+0

非常感谢。有效。你能解释一下我在做什么? :-) –

+0

z-index basiclt告诉你的元素在z轴上的位置。数字越小,距离地面越近。数字越高,基本上就越高。了解这一点,您可以将多个项目放在一起。 –

+0

惊人!欢呼 –

0

正如你所说的,问题是可能与absolute定位。这些元素比静态内容更高。可能的修复如下:

  1. div中删除absolute
  2. 使您的按钮absolute,如果这没有帮助,请更改 z-index,其中指出在z轴(深)的位置。