span с img как bg

Question

Просто любопытно, почему я не могу видеть / видеть мой bg img на этом промежутке, если я не использую position: absolute ?! Это потому, что span это встроенный элемент?

.thumb {
    background: url("images/yts.png") no-repeat;
    height: 150px;
    width: 200px;
}

<span class="thumb"></span>

Answer 1

Да.Проблема в том, что для встроенных элементов свойство width не имеет никакого эффекта.Таким образом, диапазон без содержимого имеет ширину 0, и тогда видны только нулевые пиксели фона!
Вы можете использовать display: inline-block, чтобы решить эту проблему, и нет необходимости размещать его абсолютно.