d-header 中的图像背景

[Garrick]

添加此内容的正确方式是什么？使用 CSS 调用图片的简单方法是什么？

[Don]

你好 Garrick，

这很大程度上取决于所使用的图片。你可以使用简单的 CSS 代码来定位 .d-header 类。

在 /admin/customize/themes 下创建一个新的组件，并将代码粘贴到通用（同时适用于桌面端和移动端）的 CSS 部分，或者你希望分别针对桌面端或移动端设置背景图片的位置。

.d-header {
  background: url(你的图片链接);
  background-repeat: no-repeat;
  background-size: cover;
}

示例

.d-header {
  background: url(https://i.imgur.com/SqObEfW.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
}

效果将如下所示：

更多关于 background 属性的信息：

background | CSS-Tricks

希望这能帮到你

[Garrick]

@Don

.d-header {
  background: url(https://i.imgur.com/SqObEfW.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
}

谢谢 Don！这正是我需要的。