Image in div not shown [duplicate]

This question already has answers here: Fit background image to div (8 answers) Closed 2 years ago.

Why won't it show the whole original picture?

.test {
  b开发者_Python百科ackground: url("http://i27.tinypic.com/28ktoh.jpg") no-repeat;
}

<div class="test"></div>

Problem is that is doesn't show anything, if you type something in the div it shows a little bit of the image. I want it to include the full picture.

---

Here is the working demo

You need to specify the height

.test { 
  background: url("http://i27.tinypic.com/28ktoh.jpg") no-repeat;
  overflow:auto;
  height:500px;
}

---

Set the height of the div. The div will not be higher than you tell it to be or higher than it needs to be.