/CSS/Background image in css is not working

Background image in css is not working

Background-image url not working

background-image: url(nickcage.jpg); // No quotes around the file name so just write it down without "nickcage".jpg

Source: stackoverflow.com

Css background image not working

.container {
    background-image: url("img/rose.jpg");
 	height: 800px;
}
/* Check Path to image, in this case, its in a folder called img */
/* Check if you Linked your css File on your header, you Link it in the 
	Header like this <link rel="stylesheet" href="main.css"> */
/* Check if the Name of your Image is the same like how you saved it */

Background image in css is not working

background-image: url(nickcage.jpg); // first problem may be missing quotation mark
// Second may be wrong path 
// check the name of the file if there is any error
// check whether you are using proper extension of the file

Similar codes

19 votes177 views2 answers
How to customize placeholder css
CSS
2 votes135 views1 answer
Basic css table
CSS
22 votes150 views2 answers
Disable user select css
CSS
0 vote147 views1 answer
Vue center components in body
CSS
1 vote135 views1 answer
Hard blink
CSS
0 vote161 views1 answer
After certain width how make ontent center and add margin auto both side
CSS
3 votes153 views1 answer
What is a pseudo selector?
CSS
3 votes144 views1 answer
Css supports
CSS
1 vote141 views1 answer
Gatsby hide scroll bar
CSS
2 votes158 views2 answers
Header center
CSS