Strectch div以適應背景圖像

-2

我可以使用CSS來拉伸div以適應背景圖像的寬度和高度嗎？如果是，如何？
Div未設置寬度和高度。Strectch div以適應背景圖像

我是不是問如何將圖像縮放到一個div。
我是不是問如何將圖像縮放到具有特定寬度和高度的div中。

即。

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

來源

2017-10-04 StLia

爲什麼不只是顯示圖像，而不是使用img標籤使其成爲背景圖像？這裏的用例是什麼？ –

使用background-size：cover;也爲div使用最小高度而不是自動; –

*僅限* CSS？不，你不能。 – HaukurHaf

我有一個建議，但可能不是一個好方法。

將與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>

來源

2017-10-04 11:48:47

你好，這似乎是個好主意，也許可以考慮內容鋪設也可以通過https://jsfiddle.net/yhdpw8v4/;）不帶S的屬性風格 –

Strectch div以適應背景圖像

回答

相關問題