css - 2 个背景拉伸 1 个背景

Question

有没有办法拉伸1个背景。如果你设置了2？

body{

background-image: url(../images/pattern.png), url(../images/2.jpg);
background-repeat: repeat, repeat;
}

像拉伸不是第一张图像而是第二张图像（2.jpg）

图片需要拉伸100%

Answer 1

您可以执行以下操作

body {
    background-image: url(bg1.png), url(bg2.png);
    background-repeat: repeat-y, repeat;
}

bg1.png（包含单个“1”）将向下重复
bg2.png（包含单个“2”）将在上下重复

Answer 2

使用下面的css，可以向下重复第一张图片，只有第二张图片被拉伸到100%

body {
    background-image: url(bg1.png), url(bg2.png);
    background-repeat: repeat-y, no-repeat;
    background-size: 29 29, 100% 100%;
}

与 DOCTYPE 结合似乎存在一些问题。以下 CSS 与 DOCTYPE 结合使用效果很好。

body{
    background-image: url('../images/pattern.png'), url('../images/2.jpg');
    background-repeat: repeat, no-repeat;
    background-size: 29px 29px, 100% 100%;
}