HTMLの背景自動サイズ調整

Question

画像を背景として設定しようとしていますが、画像のサイズが変更されたときに画像のサイズが自動調整され、自動調整されます。今では、自動サイズ変更と自動センターが完璧に機能していますが、私はそれを自分の背景イメージにする手がかりがありません。すべての開閉記号をPLUS（+）記号で置き換えなければなりませんでした。現在のコードは次のとおりです。

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

画面全体を撮影する代わりに背景にすることをお勧めしますか？私はそれの上ではなく、その上に言葉が必要です。 stackoverflowのコミュニティへ

Answer 1

ようこそ:)

だけ<img> - タグの代わりにbackground-image -propertyを使用しています。詳しくSee hereand hereについては

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

。

注：

あなたがbackground-image代わりの<img>を使用している場合は、<div>に高さを与える場合を除き、あなたは、どちらか例えば、テキストまたは/およびそれがのheightだ設定とそれを充填することにより、100pxには何も表示されません。

Answer 2

CSSバックグラウンドimgプロパティを使用する方法とHTML imgタグを使用する方法の2通りがあります。

https://jsfiddle.net/pdhgLap8/

は、基本的には、背景画像を使用することを追加するために必要なもの

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

これは、それが であるdiv要素としてだけの大きさであるので はそれを作る背景画像を設定しますし、 divを埋めるために繰り返さないようにしてください。