HTML背景自動調整大小

Question

我試圖設置圖像作爲背景，並讓它在窗口更改大小時自動調整大小和自動居中。現在我有自動調整大小和自動中心工作完美，但我不知道如何使它成爲我的背景圖像。我必須用PLUS（+）符號替換所有的開始和結束符號。我目前的代碼如下：

<div style="text-align: center;"> 
<img src="amazing.jpg" style="max-width: 100%; height: auto;" alt="Epoxy Flooring of NY" /> 
</div> 

任何建議，使其成爲背景，而不是隻是一個圖片佔據整個屏幕？我需要在它上面的文字，而不是在它之下。

Answer 1

歡迎計算器社區:)

只需使用background-image - 屬性，而不是一個<img> - 標籤。

<div style="background-image:url('amazing.jpg')"> 
    <!-- your text here --> 
</div> 

欲瞭解更多信息See hereand here。

注：

如果您使用的background-image代替<img>你不會看到任何東西，除非你給<div>的高度，用文字或者加油吧和/或設置它的height，例如，100像素。

Answer 2

有兩種方法可以使用css背景img屬性，另一種使用HTML img標籤。

https://jsfiddle.net/pdhgLap8/

基本上你需要添加使用背景圖片是什麼

background-image: url("https://i.imgur.com/SebQr4d.jpg"); 
    background-size: contain; 
    background-repeat: no-repeat; 

這將設置背景圖片 使得它，所以它只能作爲股利它是在 大和使它不會重複填充div