Странная проблема CSS - атрибут фона не работает без высоты изображения

Question

Мне нужно установить изображение height каждый раз, когда я использую background: url('images/something.jpg')[..];

Fe.

HTML:

<div class="someImage"></div>

CSS:

.someImage {
    background: url('images/something.jpg') no-repeat top;
}

Приведенный выше пример должен работать ... но изображение не будет отображаться, пока я не добавлю изображение heightАтрибут для класса стилей CSS:

.someImage {
    background: url('images/something.jpg') no-repeat top;
    height: 25px;
}

И тогда мое изображение появляется на веб-сайте ...

Почему это происходит?

Answer 1

Потому что без содержимого у div нет высоты, фонового изображения или нет.

Answer 2

Так как ваш div пуст, он не имеет высоты ..

Используемое вами изображение применяется в качестве фона, поэтому оно не влияет на размер. Оно просто умещается в любом доступном пространстве в div.

Когда вы явно устанавливаете высоту, вы создаете пространство для появления изображения ..