问题描述
我在 wordpress 上设置了 Header 图片,但是当我更改屏幕大小时,图片会自我重复,而且我只需要放置一张 Header 图片而不会重复。
解决方法
基本上你应该在具有背景的元素上使用 background-repeat css 属性,然后你应该使用 background-size 属性来使图像适合元素,例如
.header {
background-image: url("/pth/to/your/image.jpg");
background-repeat: no-repeat;
background-size: cover;
}
.header 只是一个例子,它不能在您的页面中工作,请使用正确的 css 路径编写此规则到您的元素,或者发布一个指向您页面的链接以了解如何执行此规则。此外,您应该需要更多的属性来定位背景图像,或者每个属性的不同值,例如包含或自动用于背景大小。