3

ページ全体に背景を入れようとしました

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

これは通常は問題なく動作しますが、問題を発見しました。画面の左側に白い縞模様があります。それを修正することは可能ですか？

PS: 事前に: いいえ、そのストライプは写真にはありません。それがどのように見えるかの印象を得ることができます：

ここに画像の説明を入力

編集: http://jsfiddle.net/uhwcW/ ズームイン/ズームアウトすると、白いストライプが消えたり、側面が切り替わったりすることがあります...混乱します。

4

4 に答える 4

0

URLの後にセンターを追加するだけで済みました

このような：

background: url(images/panda.jpg) center;
于 2016-02-04T14:57:20.203 に答える
0

試す;

margin: 0;
padding: 0

のCSSでhtml。

于 2012-08-21T12:39:18.603 に答える
0

身体をリセットしてみませんか？他のコンテナでもこれを試してみてください。たぶん、あなたが見ているマージンやパディングだけです...

body { 
   margin: 0;
   padding:0;
}
于 2012-08-21T12:39:25.263 に答える
0

これは私のために働いた..

html{
    background: url(..//index3.jpg) no-repeat 0 0 fixed; 
    -webkit-background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;

}
于 2013-07-06T04:43:29.030 に答える