Question

I am new to web development and I want to display an image for my background.Only problem is that my image will not show, may you please help me. Below is my code

<style type="text/css">
.bgimg {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("worldtravlerissue1.jpg");
    min-height: 90%;


 }
</style>

Answer 1

1)Be sure the div has a concrete width and height, if you're using % be sure the image div is inside another with a height and width declaration on css 2)Be sure you've declared the right class 3)Be sure the img url is right and you're reaching the right path

.img{
  width:400px;
  height:300px;
  background-image: url(https://d2lm6fxwu08ot6.cloudfront.net/img-thumbs/960w/RGRIEDX4IU.jpg);
  background-size:cover;
}

<div class="img">
</div>

Answer 2

You're image might not be showing because either you have the wrong name for it, wrong extension as in assuming its a .jpg rather than .png or .jpeg or its not in the same directory as your HTML file. Make sure they are in the same folder or directory a.k.a Desktop.

If you have your HTML file on your desktop and the picture is in a different folder, you'd have to do

background-image: url("NAMEOFFOLDER/worldtravlerissue1.jpg");

Hope that helped.

adding a background image in css

2 个答案: