html - 导航菜单是透明的，但我不确定为什么。我想要背景

我正在使用wordpress模板。
我刚刚添加了particles.js作为背景。
现在，我的导航菜单使用与背景相同的颜色，但我希望它使用不同的颜色。 （我已经在代码中定义了颜色，但是颜色不起作用）


这是我正在使用的代码以及所看到的。

https://imgur.com/a/6U5e7

.main-nav {
    background-color: #585858;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
    background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
    background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
    background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
    background-image: -o-linear-gradient(top, #585858, #3d3d3d);
    background-image: linear-gradient(to top, #585858, #3d3d3d);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d)";
}

最佳答案

尝试这个：

position: relative;
z-index: 100;

关于html - 导航菜单是透明的，但我不确定为什么。我想要背景，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49087089/