CSSの背景を取得してコンテナのサイズを拡大または拡大するにはどうすればよいですか?私がやっているいただきました間違ったCSSを使用して背景を拡大/縮小する方法
私は
body
{
background: url(http://p1.pichost.me/i/40/1639647.jpg) no-repeat fixed;
background-size: 100%;
margin:0;
}
次のようにやっていますか?
CSSの背景を取得してコンテナのサイズを拡大または拡大するにはどうすればよいですか?私がやっているいただきました間違ったCSSを使用して背景を拡大/縮小する方法
私は
body
{
background: url(http://p1.pichost.me/i/40/1639647.jpg) no-repeat fixed;
background-size: 100%;
margin:0;
}
次のようにやっていますか?
単にuはこれを行うことができます...
body {
background: url(http://p1.pichost.me/i/40/1639647.jpg) no-repeat;
background-size: 100%;
}
これは、単純に合わせて拡張できません、背景は要素の幅を埋めていないだろう – George
あなたのコードが動作しているように見えます。ちょうどあなたが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
これが否決された理由は考えてそれです。有効な答えを入力して、OPで尋ねたことであるCSSで、コンテナのサイズを塗りつぶします。 – AshboDev
は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;
}
あなたが最初のブラウザ接頭辞のスタイルを定義する必要がありますが、それ以外の、あなたのCSSは、まさにあなたを行う必要があります説明する。 – George
その背景は、スペースを埋めるようにスケーリングされます。 – Quentin
@ Quentin-背景は縮尺されていません。私はこのコードに何が間違っているのかは分かりません。 : –