Z索引会影响线性背景吗？

Question

这是我的代码：

#Bar {
    background-image: linear-gradient(Aquamarine, Lavender);
    z-index: 2;
    position: fixed;
    margin: 0px;
}

关于我的狗参考书目

由于某些原因，background-image: linear-gradient(Aquamarine, Lavender);无法正常工作。

相反，它仅显示条形的透明背景。这段代码用于我网站上的导航栏。

这是因为z-index吗？还是其他原因？

Answer 1

尝试将width: 100%;放在CSS中，因为当您将其固定后，如果没有设置宽度，它就会折叠。

Answer 2

#bar {
    background-image: linear-gradient(Aquamarine, Lavender);
    z-index: 2;
    position: fixed;
    margin: 0px;
    width: 100%;
}

<div id="bar">&nbsp;</div>

这对我来说很好。只需确保在标签之间添加 。