Placing a background image behind nav bar...
Hello! I am a newbie with this stuff. I want to place a background image behind the navbar, instead of a background color. How can I achieve this? I also am required to use flexbox, if that adds any restraints on what I want. my professor is lacking in the instructional department! 😅
7 Replies
I'd recommend taking a look at MDN, it has a ton of good resources https://developer.mozilla.org/en-US/
MDN Web Docs
MDN Web Docs
The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
you can search for "css background" there and find resources on how to set backgrounds
I could tell you which property to use outright, but it's more important to learn how to find this kind of information independently. I'd recommend looking through MDH, but I'll tell you if you really want me to
thank you! I am trying to get through this final project. My professor hasn't really been helpful, and TBH she doesn't even tell how to do these things. I am just trying to get through this class, lol! I'll give it a look and see if I can find it on my own! :D
in case I'm offline by the time you do want more help, it's the
background-image
property, you can use the url()
function like this: background-image: url(https://picsum.photos/1920/1080/);
You may also want to look up the properties, background-size and background-repeat
thank you for help! I think the way my code is set up for my nav bar prevents me from completely doing what I want, but I know how to do it for the future :D
Wherever you put the bg color, instead use background-image