body{
background-repeat: no-repeat;
background-size: cover;
}
使用background-repeat: no-repeat;
可以让背景不进行重复填充,而background-size: cover;
则可以让背景图片铺满整个屏幕。
此外,大家还可以使用background-position
属性来决定背景图片的位置。比如:
body{
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
此时,背景图片就会被置于屏幕中央。
除此之外,大家还可以使用其他类似的属性,比如background-attachment
以及background-origin
等,来进一步控制背景图片的显示效果。
总之,在 CSS 中操作背景图片时,遇到重复填充这个问题时,可以使用上述的这些属性来解决这个问题。