HTMLの背景なしリピート

ページ全体を覆うことなく背景イメージをhtmlに収めるにはどうすればいいですか？それのためのHTMLコードがありますか、または私はCSSコードを使用する必要がありますか？HTMLの背景なしリピート

2017-06-18 user8179033

'背景リピート：NO-あなたのCSSでリピートする –

シンプルなGoogle検索では、多くの答えが表示されます。 –

あなたの質問に最適な解決策は、background-repeat:no-repeatまたはbackground-size: coverをCSSまたはエレメントのstyleタグに追加することです。例えば

：あなただけのHTMLを使用して主張する場合

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

、あなたのイメージ、あるいは他の方法で回避に応じて要素のサイズを変更する必要があります。あなたの質問はページの背景イメージを参照するので、私のopenion CSSまたはstyleはこれを達成する唯一の方法です。

出典

2017-06-18 13:30:04

あなたは、背景画像のサイズや繰り返しを制御するのに使用できる2つのCSSプロパティがあります。

背景リピート
背景サイズ

として設定するにはターゲット要素をカバーする背景画像の場合は、no-repeatやcoverなどの値を使用します。

targetelement { 
    background-image:url('example.jpg'); 
    background-repeat:no-repeat; 
    background-size:contain; 
}

あなたはこれらのCSSプロパティと可能な値についての詳細を学ぶしたい場合は、これらの2つのページを見て：

出典

2017-06-18 13:40:59 Venator

答えて

関連する問題