时间戳

首页 > 解决方案 > 有最大宽度，但背景图像填满了整个窗口

html - 有最大宽度，但背景图像填满了整个窗口

问题描述

我已将我的设置<body>为具有最大宽度和左右填充。然后，我将重复的背景图像添加到<body>. 我曾希望背景图像会受到<body>. 但是背景图像填满了屏幕的整个宽度。这是可以预料的吗？背景图像<body>与所有其他元素的工作方式不同吗？

body {
  max-width: 160rem;
  padding: 0 6.4rem;
  margin: 0 auto;
    background-origin: content-box;
  background-image:url("https://cdn.pixabay.com/photo/2020/09/09/13/03/bike-riding-5557589_1280.png");
  background-position: left top;
  }
<body></body>

标签： htmlcss

解决方案

推荐阅读