css3的背景图片设置的一些问题

xiaoxiao2021-02-28  5

background: url("../../static/img/wash/b_r.png")repeat-x 4% 0%; background-size:25% 20%; background-color: #fff;

repeat-x:背景图横向重复平铺。。

4%图片横向移动,后面是纵向移动

前者25%相当于缩放图片图片,后者20%相对于元素纵向所占背景的比例

注意:图片和颜色设置的顺序。如果颜色设置放前边,则不显示

补充:

 使用background-size:100% 100%; 或者background-size:cover 

这两个的区别是 background-size:100% 100%; 会自动适应浏览器的大小

转载请注明原文地址: https://www.6miu.com/read-1100159.html

最新回复(0)