Anonymous asked 3 years ago
I’m using Bootstrap on my Mac. I want to display a background image in a div. I’m adding it to the class in css, but it doesn’t seem to show up:
.water-mark{
background-color: none;
min-height:600px;
background-image: url(“images/summers-img.png”) no-repeat center center fixed;
}
I have the folder “images” in the same location as index.html
What am I doing wrong?
thewebsiteboy Staff answered 3 years ago
It is not going to work if you have the styles in the CSS folder since your path is wrong. Try this instead
../images/summers-img.png
If you noticed all I did was to put the (../) in front of the images folder, this indicates going back once directory, in this case getting out of the CSS folder and then to the images folder.
To clarify, put two dots followed fort a forward slash in front of the images folder. hope that helps…