2010-07-28 4 views
1

Почему бы вам не показать всю исходную картинку?image in div wont show

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


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

Проблема в том, что это ничего не показывает, если вы набираете что-то в div, это показывает немного изображения. Я хочу, чтобы она включала полную картину.

http://yfrog.com/cbcrapfp

(копировать вставить ссылку в CSS, чтобы увидеть полную картину)

ответ

0

Установите высоту div. div не будет выше, чем вы говорите, что оно выше или выше, чем должно быть.

+1

Действительно. Не могли бы вы добавить, что если он хочет показать все изображение, ему может быть лучше использовать '' (если необходимо)? – MvanGeest

+0

@MvanGeest: Он использует его в качестве фонового изображения, поэтому я не уверен, что здесь уместно. –

+0

Он, но, может быть, он не должен быть ... – MvanGeest

1

Here is the working demo

Вы должны указать height

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

не нужно также указать ширину? – pixeltocode

+1

@pixeltocode: Это до OP. Я просто показал ему, что он делает неправильно. – Sarfraz