CSS Z-Index菜单下拉错误

CSS Z-Index menu dropdown bug

本文关键字：错误 菜单 Z-Index CSS      更新时间：2023-09-26

我已经试了两天了，但没有成功，这让我发疯了。

图片链接

基本上，当我点击输入和菜单下拉时，它与它下面的下拉菜单重叠。我正在使用Wordpress ClickBoutique主题。

链接:点击这里

我试过给他们不同的z-index值，甚至用!important覆盖内联规则，但它似乎不起作用。似乎是js(也许是jQuery)函数根据用户单击的下拉菜单改变了这些z-index值。

有人能帮帮我吗?

你有冲突的z-index声明，你需要删除下面的注释(第236和243行在style .css)

.site-content .jq-selectbox,
.widget .jq-selectbox {
    font: 16px 'Roboto Condensed';
    min-width: 180px;
    width: 100%;
    /* z-index: 98 !important; REMOVE */
}
.site-content .jq-selectbox,
.widget .jq-selectbox:first-child {
    font: 16px 'Roboto Condensed';
    min-width: 180px;
    width: 100%;
    /* z-index: 99 !important; REMOVE  */
}

添加下面的"top"下拉框与"bottom"下拉框重叠。

#pa_color-styler{
   z-index:9999;
}

将其中的z-index:98移到style.css第243行中的类中:

。Site-content .jq-selectbox， .widget .jq-selectbox:第一个子. website -content .jq-selectbox， .widget .jq-selectbox

1) .site-content .jq-selectbox, .widget .jq-selectbox:first-child

2) .site-content .jq-selectbox, .widget .jq-selectbox

您只需要从上述类中删除z-index属性。它与你的其他类中的z-index属性冲突

相关文章：