В настоящее время у меня есть div на моей странице, на котором я получил фоновое изображение. У этого div нет содержимого, поэтому он не отображается на моей странице, если я добавляю содержимое, которое он отображает. Я бы хотел, чтобы он отображался даже без содержимого, потому что я хочу, чтобы это фоновое изображение отображалось, а также я хотел бы назначить ему некоторые события наведения/клика.
Есть ли способ заставить div отображать?
Вам нужно указать размер:
<div style="width: 100px; height: 100px"></div>
Вы можете установить размер для размеров фонового изображения или любых других желаемых значений.
Добавьте высоту и ширину в div. Вы можете использовать min-height и min-width и установить их равными размеру вашего фонового изображения.
Добавление пустого комментария поможет браузерам, которые разбивают пустые теги.
Вам нужно указать ширину и высоту этого div, используя css (или min-width и min-height)
Добавьте к нему высоту и ширину.
Jsfiddle: http://jsfiddle.net/GFTtY/
Добавление пустого//содержимого//работало для меня. Установка ширины/высоты или минимальной ширины/минимальной высоты не приводила к появлению фонового изображения. (Chrome 51 на Win8)