Question

我正在设置页面以显示已创建的组合的jpg，并且它们都具有不同的高度。使用javascript或jquery如何根据背景图像的高度自动调整div的高度？ html的布局就像这样：

<body>
     <div id="comp"></div>
</body>

我意识到你可以设置这是CSS，但我希望它是动态的，而不是每次都要添加高度。感谢任何想法。

Answer 1

也许这个（未经测试的）代码可以帮助您了解如何完成它：

// taken from the link in my comment to OP
var url = $('body').css('background-image').replace('url(', '').replace(')', '').replace("'", '').replace('"', '');
var bgImg = $('<img />');
bgImg.hide();
bgImg.attr('src', url);
bgImg.bind('load', function()
{
    var height = $(this).height();
    $('#comp').height( height );
});

你会如何根据背景图像改变div的高度？

1 个答案: