-1 
body {
color: #1a1a1a;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 19px;  

background: url('http://www.totallylayouts.com/backgrounds/hipster/triangle_in_the_woods.jpg')

繰り返しなしの左上スクロール。

background-size: 100% 100%; を入れてみました。しかし、それは何もしませんでした....

4

3 に答える 3

2

http://css-tricks.com/perfect-full-page-background-image/から

空白なしで、任意の画面解像度で機能する CSS のみのソリューション:

 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;
}
于 2013-09-04T14:58:47.653 に答える
0

kunoo のソリューションがうまくいかない場合 (古いブラウザー、主に邪悪な IE をサポートする必要があるため) には、backstretch という名前の優れた jquery プラグインがあります。私はそれをかなり頻繁に使用していますが、問題なく動作しています。ウィンドウのサイズを変更しても、背景画像が画面全体に収まるようにします。

于 2013-09-05T08:22:50.460 に答える
0

経由で繰り返さbackground-repeat:no-repeat;ないようにすることはできますが、ページ全体を埋めることはできません。最後に、経由で背景のサイズを変更できますbackground-size: 0px 0px;

どうぞ！

  body {
    color: #1a1a1a;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 19px;  

    background-image: url('http://www.totallylayouts.com/backgrounds/hipster/triangle_in_the_woods.jpg') 
    background-repeat:no-repeat;
    background-size:1920px 1080px;
于 2013-09-04T14:54:08.503 に答える