无论如何我可以获得响应div的背景图像的当前高度吗?
我可以像这样得到图像的实际大小:
var img = new Image;
img.src = $('#div').css('background-image').replace(/url\(|\)$/ig, "");
var bgImgWidth = img.width;
var bgImgHeight = img.height;
...但是这并没有告诉我屏幕调整大小后的图像大小(背景图像设置为100%,因此在调整窗口大小时进行缩放)
有什么想法吗?
答案 0 :(得分:3)
您可以根据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;