Question

我有这个标记：

    <div class="img_container">
        <img src="file://localhost/img/a_bg.jpeg" alt="a_bg" />
    </div>

如何将图像的宽度和高度应用于img_container？

图片位于绝对位置

Answer 1

未经测试，但我建议：

$('.img_container img').each(function(){
    var w = this.naturalWidth,
        h = this.naturalHeight;
    $(this).parent().css({'height': h, 'width' : w});
});

Answer 2

<强>标记：

您需要在图片中添加id，如下所示：

<div class="img_container">
        <img id="bgimg" src="file://localhost/img/a_bg.jpeg" alt="a_bg" />
    </div>

<强> Jquery的：

var img = $('#bgimg'); 

img.load(function(){
     //Get width of image
     var width = img.width();
     //Get height of image
     var height = img.height();
     $('.img_container').css("width", width);
     $('.img_container').css("height", height);
});

Answer 3

试试这个

<img src="file://localhost/img/a_bg.jpeg" alt="a_bg width="X" height="Y" />

并将此添加到CSS

background-image: url(file://localhost/img/a_bg.jpeg);
background-size: Xpx Ypx;
background-repeat:no-repeat;

将子图像宽度和高度应用于容器

3 个答案: