Question

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

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

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

不要给出整个代码，而是直接查看我的网站

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

并在登录标题中：

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

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

我正在尝试将搜索结果放在主要div上而不是主要div。

任何帮助将不胜感激

Answer 1

将标题类的规则更改为以下内容似乎为我解决了这个问题。

 .cyb-header {
        height: 50px;
        position: fixed;
        width: 100%;
        z-index: 99999;
    }

Answer 2

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.

z-index = 1且div位置固定不起作用

2 个答案: