css - 2 个背景拉伸(stretch) 1 个背景

标签 css

有没有办法拉伸(stretch) 1 个背景。如果你设置了2?

body{

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

不是拉伸(stretch)第一张图片而是拉伸(stretch)第二张图片 (2.jpg)

enter image description here

图片需要拉伸(stretch)100%

最佳答案

您可以执行以下操作

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

bg1.png(包含一个'1')将重复向下
bg2.png(包含单个“2”)将上下重复

enter image description here

关于css - 2 个背景拉伸(stretch) 1 个背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18950088/

相关文章:

css - 在 Internet Explorer 中需要图像溢出 Div

html - CSS3阴影像图像

javascript - 当用户单击表单输入字段时添加和删除 CSS 类选择器 - 示例

html - 如何修复两个独立类的 flex 间距

jquery - 将水平制表符转换为垂直制表符

html - 响应页面在表格中不起作用

html - 网站主体与背景图片不对齐

javascript - 如何使用 jQuery 停止动画

html - 同一张图片第一列图片高度略高于其他所有列,CSS,HTML

CSS 列属性