/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

2 votes171 views1 answer
How to style multiple elements at once
CSS
-1 vote111 views1 answer
Css root seletor
CSS
0 vote172 views1 answer
Child width big
CSS
0 vote140 views1 answer
Ignore default css for react Link
CSS
0 vote150 views1 answer
AddCorsMappings registry.addMapping
CSS
0 vote150 views1 answer
Css animated cross mark
CSS
0 vote401 views1 answer
Bring element to front css
CSS
1 vote139 views1 answer
Get second child div css
CSS
5 votes137 views3 answers
Css glow effect
CSS
20 votes153 views4 answers
Variables in sass
CSS