css - WordPress z-index 也许

标签 css wordpress z-index

On this site在标题的搜索中,我无法单击前两个 AJAX 搜索结果,因为我认为它们在另一层之下。 (搜索:公寓)。我试过弄乱 z-index。我更改了标题的背景颜色,以便能够看到前两个搜索结果。这是我放在子 CSS 中的内容:

.fusion-sticky-header-wrapper {
   display: block;
   position: relative;
   z-index: 2;
}

.fusion-header-v2 .fusion-header, .fusion-header-v3 .fusion-header,
.fusion-header-v4 .fusion-header, .fusion-header-v5 .fusion-header {
   display: block;
   background-color: rgba(255,255,255,0);
   position: relative;
   z-index: 1;
}

.search-in-place, .item {
   z-index: 10000;
}

与其他插件的结果相同,所以我知道它一定在站点 CSS 中,对吗?任何帮助表示赞赏。

最佳答案

由于此声明,标题栏位于搜索结果上方:

.fusion-header-wrapper {
    position: relative;
    z-index: 10010;
}

要解决此问题,您需要从 header 包装器中删除 z-index 声明或将搜索结果的 z-index 设置为高于 10010,例如:

.search-in-place, .item {
    z-index: 10020;
}

关于css - WordPress z-index 也许,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39067209/

相关文章:

css - 如何使用css将元素放在最前面?

mysql - WordPress - MySQL 自动增加用户 ID

php - 在 Woocommerce 中显示链接的产品属性术语名称

全尺寸屏幕的CSS Z-index问题

html - CSS 文本重叠。 Z-Index 不起作用

css - 减少手机上的 margin 底部和 margin 顶部

javascript - 如何使用 jquery 查找背景颜色为黄色的所有行?

javascript - HTML 范围输入对移动尝试无响应

CSS 和 z-index : child element under parent element in a list

css - 多个 css 表达式 IE