So i have a nav which is fixed and also has no background-color so it take the image under it but obviously when i scroll down the text pass throught the nav and we see it, so i was wondering if i could do that when it pass under the nav it doesn’t show up
If you use background: #color url(image.jpg); then the color will be overlapped by the image and you will only see the image if the image is large enough to fill up the entire space. Otherwise it will show the background color and the image above that color. It might solve your problem.
i want the nav to have the background-image color.
We can’t see the image in order to comment. If you correct the path/put the full path in so that it loads in the pen, we can comment further.
That said, try sampling a colour from the image and apply that to the nav background, or, apply the same image to the nav and adjust the background-position to make it sit seamlessly together across both elements. It’s hard to say though until we can see what image you’re working with.