Html 如何在页面上居中放置背景图像？

我在导航栏下无法将图像作为全屏背景居中。这是我目前正在使用的代码

标题{
背景图片：url（“design.jpg”）；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
对齐项目：居中；
背景尺寸：包含；
背景位置：中心；
背景重复：无重复；
身高：100%
}

与您的代码类似的简单方法是

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

还有一些其他的技巧，你可以从这里得到

希望能有帮助

---

-NBaua

您是否尝试更改背景大小：包含至

背景尺寸：封面

，看看会发生什么？虽然这可以从理论上回答问题，但在此处包括答案的基本部分，并提供链接供参考。如果链接页面发生更改，则仅链接的答案可能无效