html background image not working code example

Example 1: background isn't working if in separate css file

background-image: url(../picture-folder/your-picture.png) 0 0; 
//No quotes, two dots before "/"
//Also make sure that your <img> in html has some transparent image as src

Example 2: background-image url not working

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

Example 3: 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 */

Example 4: css background image not showing

body { background: url('image_path_name') repeat 0 0; }

Make sure image_path_name is correctly written, if not then kindly check file extension once.

Thanks!!

Example 5: 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

Tags:

Javascript Example

Recent Posts