JSFiddle - React, Tailwind, and code Playground

by Nikita Rane

HTML

<div id="header-bg"></div>

CSS

#header-bg {
background: url('http://cdn1.editmysite.com/uploads/3/8/9/4/38945355/background-images/748028443.png') no-repeat;
background-attachment: fixed;
background-size: 100%;
background-position: 50% 0%;
}

JavaScript

$(document).ready(function(){
var url = $('#header-bg').css('background-image').replace('url(', '').replace(')', '').replace("'", '').replace('"', '');
var bgImg = $('<img />');
bgImg.hide();
bgImg.bind('load', function()
{
    var height = $(this).height();
    alert(height);
	$('#header-bg').css('height',height);
});
$('#header-bg').append(bgImg);
bgImg.attr('src', url);

});