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 に答える