2016-07-26 14 views
0

CSSの背景を取得してコンテナのサイズを拡大または拡大するにはどうすればよいですか?私がやっているいただきました間違ったCSSを使用して背景を拡大/縮小する方法

私は

body 
{ 
    background: url(http://p1.pichost.me/i/40/1639647.jpg) no-repeat fixed; 
    background-size: 100%; 
    margin:0; 
} 

次のようにやっていますか?

+0

あなたが最初のブラウザ接頭辞のスタイルを定義する必要がありますが、それ以外の、あなたのCSSは、まさにあなたを行う必要があります説明する。 – George

+0

その背景は、スペースを埋めるようにスケーリングされます。 – Quentin

+0

@ Quentin-背景は縮尺されていません。私はこのコードに何が間違っているのかは分かりません。 : –

答えて

-2

単にuはこれを行うことができます...

body { 
background: url(http://p1.pichost.me/i/40/1639647.jpg) no-repeat; 
background-size: 100%; 

}

+0

これは、単純に合わせて拡張できません、背景は要素の幅を埋めていないだろう – George

-2

あなたのコードが動作しているように見えます。ちょうどあなたがfixed背景位置を適用すると、あなたはそれが固定された画像であるかのように、かなりdom出し画像を撮ることに注意してくださいので、あなたがしなければ:あなたが願うよう

background: url(http://p1.pichost.me/i/40/1639647.jpg) no-repeat top left; 
background-size: cover; 

それは動作するはずです。私は、あまりにもこの出くわし助けになることがあります。CSS background-size: cover + background-attachment: fixed clipping background images

+0

これが否決された理由は考えてそれです。有効な答えを入力して、OPで尋ねたことであるCSSで、コンテナのサイズを塗りつぶします。 – AshboDev

0

はCSSをリセットするためにこれを試してみてください。

* { 
    margin:0; 
    padding:0; 
    border:0; 
} 

body { 
     background: url(http://p1.pichost.me/i/40/1639647.jpg) no-repeat fixed; 
     background-size: cover; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
    } 
関連する問題