Div с фоновым изображением и без содержимого

В настоящее время у меня есть div на моей странице, на котором я получил фоновое изображение. У этого div нет содержимого, поэтому он не отображается на моей странице, если я добавляю содержимое, которое он отображает. Я бы хотел, чтобы он отображался даже без содержимого, потому что я хочу, чтобы это фоновое изображение отображалось, а также я хотел бы назначить ему некоторые события наведения/клика.

Есть ли способ заставить div отображать?

Ответ 1

Вам нужно указать размер:

<div style="width: 100px; height: 100px"></div>

Вы можете установить размер для размеров фонового изображения или любых других желаемых значений.

Ответ 2

Добавьте высоту и ширину в div. Вы можете использовать min-height и min-width и установить их равными размеру вашего фонового изображения.

Добавление пустого комментария поможет браузерам, которые разбивают пустые теги.

Ответ 3

Вам нужно указать ширину и высоту этого div, используя css (или min-width и min-height)

Ответ 4

Добавьте к нему высоту и ширину.

Jsfiddle: http://jsfiddle.net/GFTtY/

Ответ 5

Добавление пустого//содержимого//работало для меня. Установка ширины/высоты или минимальной ширины/минимальной высоты не приводила к появлению фонового изображения. (Chrome 51 на Win8)