Question

我正在设置页面以显示已经创建的坐标的jpg s, 它们都有不同的高度。使用 javascript 或 jquery, 您将如何根据背景图像的高度自动调整 div s 高度? 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 );
});

友情链接