0

在我的网站（正在建设中）中间有一个搜索框，这个搜索帖子使用 ajax 在数据库中进行了一些研究。结果显示在一个具有 z-index = 1 且位置固定在搜索栏下方的 div 中。

问题是结果显示在没有z-index的主页后面。

我也试过 z-index = 100 但我有相同的结果

与其提供整个代码，不如直接查看我的网站

此处访问地址：http: //www.changeyourbody.fr/index.php

并在登录的标题中：

登录名：demo@demo.com 密码：demodemo

您可以在搜索框中输入：“sp”或“gu”来查看搜索的开头。

我试图把搜索结果放在上面而不是放在主 div 下面。

任何帮助将不胜感激

4

2 回答 2

1

Z-index 不适用于位置固定的元素。为了使 z-index 起作用，您需要给元素一个位置：绝对或位置：相对。

但是您的问题可以通过在标题中添加 z-index 来轻松解决：

.cyb-header {
  margin: 0 auto;
  position: relative;
  height: 50px;
  background-image: url('../images/header.jpg');
  background-position: center top;
  background-repeat: no-repeat;

  z-index: 5;  // New Line
}

它可以使用，z-index: 1但您可以为未来的 css 添加一些边距并将其设置为 5。

于 2013-11-02T13:27:28.167 回答
1

将您的标头类的规则更改为以下似乎可以为我修复它。

 .cyb-header {
        height: 50px;
        position: fixed;
        width: 100%;
        z-index: 99999;
    }
于 2013-11-02T13:18:23.507 回答