将搜索栏放在前景中，在动画标题上方

Question

我想在前台获取搜索栏和菜单按钮。 wearethenewmedia.com/indextrial.html这是一个静态页面，没有CMS。

我尝试在所有内容上使用Z-index并且没有成功。

在上面的示例中，我只是在搜索栏上添加了一个负余量，将其放在网站的顶部。它隐藏在太阳系图像背后，稍微伸出一点。

另请参阅原件WeAreTheNewMedia.com。这里发布的代码太多了。 （涉及多个CSS和JS页面。）

有人可以使用Firebug（Firefox插件）并修补一下吗？我们尝试在整个CSS页面中几乎无处不在地添加“z-index”变量，但没有运气。

我们还尝试使用“菜单”按钮实现此侧栏。但是有相互矛盾的CSS和JS链接：wearethenewmedia.com/menu/index.html

Answer 1

基本上，如果没有定义元素的位置，z-index就不起作用，例如：

#sticky{
   ...
   z-index: 5; 
   position: absolute;
}

http://www.w3schools.com/cssref/pr_pos_z-index.asp

Answer 2

此处的保证金不是解决方案，AVPlayerItem如果没有设置任何一个位置（相对，绝对或固定），则不起作用。

正如我在网站上看到的那样，解决方案可能是在标题中添加绝对位置：

z-index

希望它有所帮助！