如何防止背景图平铺？实现背景图全屏宽度显示的技术咨询

给你的div样式加上两个CSS属性就能解决：

• background-repeat: no-repeat：彻底关闭背景图平铺行为
• background-size: 100% auto：让背景图宽度铺满容器，高度自动按原图比例适配，保证完整显示

修改后的完整代码：

<div style="background-image: url('https://i.ibb.co/v1B855w/bg15.png'); color: #000000; background-color: #000000; background-attachment: fixed; text-align: center; background-repeat: no-repeat; background-size: 100% auto;">
  <img src="https://i.ibb.co/L6zQY0S/name6.png" />
</div>

额外选项 #

• 要是想让背景图完全覆盖容器（可能裁剪部分边缘），可以把background-size改成cover
• 要是想完整显示整张图（容器可能出现留白），就改成contain

内容的提问来源于stack exchange，提问作者Hype