背景画像をウィンドウに合わせる

HTMLボディタグに画像をバックグラウンドとして追加すると、画像が背景として拡大表示されます。実際の画像を背景画像としてウィンドウに合わせるにはどうすればよいですか？私はこれを試しましたが、動作しません。背景画像をウィンドウに合わせる

<body background="home_back.jpg" class="img-fluid" alt="Responsive image" >

ありがとう。

出典

2017-02-05 Ananthu

[this]（http://stackoverflow.com/questions/29463586/why-is-my-background-image-so-zoomed-in）の可能な複製だから質問。 –

あなたのCSSに何を試しましたか？

ここでは1つの方法を使用できます。

<body background="http://images.fineartamerica.com/images-medium-large-5/3-american-bald-eagle-in-flight-michel-soucy.jpg" class="img-fluid" alt="Responsive image"> 

.img-fluid { 
    width: 100%; 
    background-repeat:no-repeat; 
    background-size:100% 500px; 
}

cssは画像を画面全体に占有させ、1回だけ表示させます。 CSS Trick's full page bg imagesもこのようによく読むかもしれません:)

出典

2017-02-05 09:06:58

背景画像をウィンドウに合わせる

答えて

関連する問題