1

我使用 CSS 代码为我的网站创建了一个背景，它成功运行，但问题是一旦我在不同的屏幕上运行它，无论它是大还是小，我都不会得到类似的结果。当我在13 inch screen浏览器上运行它时放大并且我得到的形式可能与它不一样，18 inch它显然不会有确切的形式，但或多或​​少我需要它看起来像。有什么建议么？提前谢谢

body {
background-image: url(../images/background.jpg);
background-repeat: no-repeat;
    }

我现在遇到的另一个问题是背景不是全屏的。它的分辨率是1920x1080，虽然我可以在整个网络浏览器页面上看到图片，但我仍然看不到照片的其他细节。

4

1 回答 1

1

我想你需要

background-size: cover;

有一些浏览器不一致，这可能意味着最好使用 jquery 插件。

看看http://srobbin.com/jquery-plugins/backstretch/它允许您使用根据屏幕大小调整大小的背景图像。它还处理 IE。纳夫说。

另请查看http://css-tricks.com/perfect-full-page-background-image/

我不是 100% 你想要达到的目标，但上面的链接值得一看。

这是css3方式

html { 
    background: url(../images/background.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
于 2013-01-23T13:25:33.823 回答