Why doesn't the background image show up without specific width and height?

Question

Here\'s an example code

I\'ve been wondering why the background-image doesn\'t show up unless I specific the image\'s width and height in pixels. I trie

Answer 1

Your background image will not show because the div element has no content, this means that its height is 0.

You could use this jQuery code to make your div take the size of the window.

$(function () {

'use strict';
$('.div').height($(window).height());

$(window).resize(function () {
    $('.div').height($(window).height());

})

});