Влияет ли z-индекс на линейный фон?

Question

Вот мой код:

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

AboutMy dogBibliographyHome

По какой-то причине background-image: linear-gradient(Aquamarine, Lavender); не будет работать.

Вместо негопросто показывает прозрачный фон для бара.Этот фрагмент кода предназначен для панели навигации на моем веб-сайте.

Это из-за z-индекса?Или какая-то другая причина?

Answer 1

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

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

Это прекрасно сработало для меня.Просто добавьте между тегами  .

Answer 2

Попробуйте добавить width: 100%;, например, в свой CSS, потому что, когда вы исправите его, он рухнет, когда у вас не установлена ​​ширина.