导航菜单是透明的，但我不知道为什么。我想要一个背景

Posted 2021-04-23

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

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

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;