html - 在网页上加载大图像作为背景

Question

我的图片 (尺寸 - 1600 × 585，文件大小 - 292KB，MIME 类型 - image/jpeg) 自然大小 1600 x 585 像素 并且在页面上它需要大小 1903 x 580 像素。

问题:在页面加载时，此图像显示为小(不是自然大小)，然后在页面上拉伸(stretch)。当连接速度不快时，看起来不太好。

我该如何解决这个问题？

img {height: 580px;position: absolute;width: 100%;z-index: 0;border: 0;vertical-align: top;}

Answer 1

更新答案:

.yourDiv {
   background-image: url('../path/to/your/image');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: fixed or scroll;
   background-attachment:fixed;
}