固定尺寸背景图像

Question

我使用尺寸为1120 X 714像素的背景图像。长宽比应与其尺寸成比例，以使图像看起来不会失真。

将使用背景图像的网页具有1024px的固定宽度。在我的CSS中，我有以下内容：

body{
    background: black url("background.jpg") no-repeat fixed center;
    background-size: 1120px 100%;
}

上面的css将使背景图像的长度为100％。根据分辨率或浏览器尺寸，背景图像将会失真。

此处宽度不是问题。

具有固定尺寸背景图像的其他方法是什么？

我应该使用background-size: 1120px 714px;吗？

Answer 1

设置背景大小时：第一个值是宽度，第二个值是高度。 因此，如果您想将图像的长度设为100％，请写下：

background-size: 100% 714px;

我认为714px是图像的高度......

Answer 2

您根本无需指定背景大小。下面的代码应该足够了。

body{
    background: black url("background.jpg") no-repeat center center;
    background-attachment: fixed;
}