css - 多个背景图的尺寸问题？

问题描述

问 题

网页中要多个背景图这样

<style>
body{
background: url(/背景图1.png) bottom  right no-repeat,url(/背景图2.png) top  left no-repeat;
}
</style>

要使背景图1.png的背景图尺寸高度设为200px 宽度随高度变化 不改变宽高比
背景图2.png的尺寸不改变
该如何写？

解决方案

background-image:url("1.jpg"),url("2.jpg");
background-repeat: no-repeat, no-repeat;
background-position:bottom right,top left; 
background-size:0 200px,0 0;

各个背景图的样式用,隔开既可

这篇关于css - 多个背景图的尺寸问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！