13

私のサイトでbackground-size：coverについて小さな問題があります。これは、Firefoxでずっとテストしてきましたが、Google Chromeでページを読み込むと、左側に1pxの白が表示されます。background-position：-1pxを使用すると、左の白いエッジが消えます（ただし、右に移動します）。これを修正し、それでもカバーを保持する方法はありますか？

これを自分の体に適用しました：background：url（ "images / baggrund.jpg"）繰り返しなしの中央の中心を修正しました。背景サイズ：カバー

現在、このサイトにリンクすることはできませんが、十分に明確に説明したことを願っています。

前もって感謝します

編集：スクリーンショットを追加しました。上はFirefoxから、下はChromeからです。

スクリーンショット

4

7 に答える 7

13

これを試して：

background: background:url("images/baggrund.jpg") no-repeat 49% center fixed;
background-size: cover;

Chrome では、「background-size: cover」を使用する場合、background-image の xpos が 50% 以上の場合、その問題が発生します。

そのため、xpos を "center" ではなく 49% (またはエラーを減らすために 49.9%) に設定すると、この問題が解決されます。

私の英語は上手ではありません。私の言いたいことがわかるといいのですが。

于 2013-05-16T06:02:31.280 に答える
9

背景カバーを使用したため、それはうまくいきませんでしたが、背景サイズを101％に設定するためにクロム固有の行を追加しただけで、修正されたようです（目のために）。入力していただきありがとうございます。

于 2013-01-17T10:17:58.243 に答える
1

body タグに background プロパティを適用すると、ページ全体を覆うようになります。

body タグと html タグに次のスタイルを適用することもできます。

html,body{
  padding:0;
  margin:0;
}
于 2013-01-17T09:57:17.923 に答える