CODEWITHSUNDEEP
htmlcssangular-ui-bootstrap
devanshi
devanshi

Reputation: 141

background-image property is not showing the image in css

I was trying to put background image but it is not showing.

.jumbotron{
   background-image: url("/src/assets/shop1.png");
   background-size: cover;
}

<div class="jumbotron">
   Welcome to Home Page
</div>

Upvotes: 1

Views: 119

Answers (1)

sibabrat swain
sibabrat swain

Reputation: 1368

The background image will look at the height and width of the div. Please follow the code to see the image. 

.jumbotron {
   background-image: url('https://imgsv.imaging.nikon.com/lineup/dslr/df/img/sample/img_01.jpg');
  background-size: 100% 100%;
  height: 100px;
  width: 100%;
  background-repeat: no-repeat;
}

Working demo

Upvotes: 1

Related Questions