0

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

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

我意识到您可以将其设置为 CSS，但我希望它是动态的，而不必每次都添加高度。非常感谢您的任何想法。

4

1 回答 1

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 );
});
于 2012-05-23T18:00:46.567 回答