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

Question

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

CSS:

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

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

Answer 1

不可能根据背景图像的大小自动调整 div 的大小，但是您可以通过这种非常(hacky)的方式来做到这一点，方法是在 img 标签中包含 url图像，将 img 设置为 visibility:hidden; [为简洁起见使用内联 CSS - 不要杀了我!]:

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