拉伸 div 以适合背景图像 [重复]

【问题标题】：Strectch div to fit background image [duplicate]拉伸 div 以适合背景图像 [重复]
【发布时间】：2026-02-16 16:40:02
【问题描述】：

我可以仅使用 CSS 拉伸 div 以适应背景图像的宽度和高度吗？如果是，怎么做？
Div 未设置宽度和高度。

我不询问如何将图像缩放为 div。
我不询问如何将图像缩放为具有特定宽度和高度的 div。

即。

   <div class="banner" 
        styles="width: auto; height: auto; background-image: url(unknown-size-img.jpg)">
   </div>

【问题讨论】：

为什么不只显示图像而不是使用 img 标签将其作为背景图像？这里的用例是什么？
使用背景尺寸：封面；也为 div 使用最小高度而不是 auto;
仅 CSS？不，你不能。
@HaukurHaf Thnx
与标记为重复的帖子无关

标签： html css

【解决方案1】：

我有一个建议，但可能不是一个好方法。

将相同的图像作为标签放入 DIV 中。所以容器 div 将采用与 .然后使不透明度为零，并且可能是指针事件“无”，如下所示

<div class="banner" styles="width: auto; height: auto; background-image: url(unknown-size-img.jpg)">
      <img src="unknown-size-img.jpg" alt="image" title="image" style="opacity:0 ; pointer-events: none" />
</div>

【讨论】：

你好，这似乎是个好主意，也许考虑一下覆盖的内容jsfiddle.net/yhdpw8v4 ;) 没有 S 的属性样式