/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 vote171 views1 answer
Vue center components in body
CSS
4 votes176 views2 answers
How to give background overlay in css
CSS
17 votes205 views3 answers
Grid blocks center
CSS
0 vote176 views2 answers
The package could not be installed. the theme is missing the style.css stylesheet
CSS
23 votes194 views4 answers
Rounded gradient border css
CSS
2 votes180 views1 answer
Website css not loading
CSS
0 vote356 views2 answers
Using materialize css with react
CSS Materialize
1 vote190 views6 answers
Tailwind css in react
CSS
0 vote183 views1 answer
Media query change button text
CSS
1 vote203 views1 answer
Remove grayscale no filter css
CSS