如何将div大小设置为其背景图像大小

Question

<div class="newsBlocks"></div>

的CSS：

.newsBlocks{ 
    background: url(../img/news/1.png);
}

如何将div设置为1.png的大小？

Answer 1

根据其背景图片的大小无法对div进行自动调整大小，但您可以通过包含img标记，以非常（hacky）的方式执行此操作使用图片的网址，将img设置为visibility:hidden; [使用内联CSS以简洁 - 不要杀了我！]：

<div style="background-image: url('img.jpg');">
    <img src="img.jpg" style="visibility:hidden"/>
</div

Answer 2

您可以通过手动将div的CSS设置为图像的高度和宽度来静态地执行此操作，否则您可以使用Javascript动态地获取背景图像的高度和宽度，如下所示：{{ 3}}