Question

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

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

即

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

Answer 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>

Strectch div以适合背景图像

1 个答案: