獲得響應的背景圖像高度？

Question

無論如何，我可以獲得響應div的背景圖像的當前高度嗎？

我可以得到圖像的實際大小，如下所示：

var img = new Image;
        img.src = $('#div').css('background-image').replace(/url\(|\)$/ig, "");         
        var bgImgWidth = img.width;
        var bgImgHeight = img.height;

...但是這並不能告訴我屏幕調整大小后圖像的大小（背景圖像設置為100％，因此在調整窗口大小時可以縮放）

有任何想法嗎？

Answer 1

您可以根據div的寬度計算實際高度：

var img = new Image;
img.src = $('#div').css('background-image').replace(/url\(|\)$/ig, "");         
var bgImgWidth = img.width;
var bgImgHeight = img.height;
var divWidth = $('#div').width();
var realImgHeight = ( bgImgHeight / bgImgWidth) * divWidth;