/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

0 vote364 views1 answer
How to make jest parse the imported css modules in create react app
CSS
2 votes381 views1 answer
Check if input is empty css
CSS
0 vote336 views1 answer
Divs overlapping on mobile landscape
CSS
10 votes342 views1 answer
Rotate image css mdn
CSS
0 vote422 views2 answers
Mat input change placeholder color
CSS
0 vote347 views1 answer
Material form css
CSS
0 vote342 views1 answer
How to create polaroid effect in css
CSS
42 votes340 views6 answers
Text color css
CSS
1 vote335 views3 answers
Change scrollbar color
CSS
3 votes342 views4 answers
Keep aspect ratio of image css
CSS