WordPress标头背景图片没有响应且居中

Question

我在我的网站上使用了此Wordpress主题 ，但是我尝试设置居中或全角图片标题，但无法正常工作。 图片始终保留，我想知道如何正确执行此操作（（未提供主题以添加图片选项的标题）

这是我的CSS

#header .header__top.bg-cat-1 {
  background: url("http://localhost/pro/wp-content/uploads/2018/01/HD.png");
  background-repeat:no-repeat;
  align-content:center;
}

Answer 1

尝试以下CSS：

background-position: center;

如果要使背景适合当前部分，请尝试以下操作：

background-size: cover !important;

如果有内联样式，而您找不到它们在哪里，则可以使用！important，如在先前代码中看到的那样。

我希望这是有帮助的。

Answer 2

尝试利用background-position: center center 。

background-position CSS属性设置每个定义的背景图像的初始位置，相对于background-origin定义的背景位置层。

背景位置的默认值为0% 0%这就是默认情况下其从左上角开始的原因。

#header .header__top.bg-cat-1 {
  background-image: url("http://localhost/pro/wp-content/uploads/2018/01/HD.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

参考链接：

• 背景位置