Css 如何在背景图像上覆盖导航栏？

我试图在背景图像上放置一个基本的引导导航栏，但它只显示角落中导航栏的一部分。我想把整个导航栏放在顶部。我知道我应该重写一些东西，但是什么

我试着利用

！重要信息

，但它只会更改零件的颜色，而不会更改整个导航栏的颜色。

`

`

那么，我应该做些什么来解决这个问题呢

body{
    background-image: url(https://besthqwallpapers.com/Uploads/5-12-2018/73473/wooden-background-brown-tree-brown-background-wooden-pattern-vertical-lines.jpg);
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
}

.navbar{
     background-image: linear-gradient(to right, #916E34, #915D34, #914C34) !important;
     width:100vw;
}

这应该行得通

这应该行得通

这应该行得通。 在css

标题{宽度：100%；}

中添加此代码

正文{
背景图片：url(https://besthqwallpapers.com/Uploads/5-12-2018/73473/wooden-background-brown-tree-brown-background-wooden-pattern-vertical-lines.jpg);
背景尺寸：封面；
显示器：flex；
柔性包装：包装；
}
标题{
宽度：100%；
}
navbar先生{
背景图像：线性渐变（向右，#916E34，#915D34，#914C34）！重要；
}

我是谁？

这应该行得通。 在css

标题{宽度：100%；}

中添加此代码

正文{
背景图片：url(https://besthqwallpapers.com/Uploads/5-12-2018/73473/wooden-background-brown-tree-brown-background-wooden-pattern-vertical-lines.jpg);
背景尺寸：封面；
显示器：flex；
柔性包装：包装；
}
标题{
宽度：100%；
}
navbar先生{
背景图像：线性渐变（向右，#916E34，#915D34，#914C34）！重要；
}

我是谁？

摆脱

显示：flex。这让你的导航栏变得灵活
 摆脱
显示：flex。这让你的导航栏变得灵活
 谢谢你的帮助！一个新手，所以在这个非常明显的时刻被卡住了：）。谢谢你的帮助！一个新手，所以在这个非常明显的时刻被卡住了：）。谢谢你的帮助！我有点困惑。谢谢你的帮助！我有点困惑。
body{
    background-image: url(https://besthqwallpapers.com/Uploads/5-12-2018/73473/wooden-background-brown-tree-brown-background-wooden-pattern-vertical-lines.jpg);
    background-size: cover;
    display: flex;
    flex-wrap: wrap;

}


.navbar{
     background-image: linear-gradient(to right, #916E34, #915D34, #914C34) !important;
}

body{
    background-image: url(https://besthqwallpapers.com/Uploads/5-12-2018/73473/wooden-background-brown-tree-brown-background-wooden-pattern-vertical-lines.jpg);
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
}

.navbar{
     background-image: linear-gradient(to right, #916E34, #915D34, #914C34) !important;
     width:100vw;
}