Question

我在我的网站上使用此Wordpress Theme，我尝试设置中心或全角图像标题，但它不起作用。图像总是保留，我想知道如何正确地做到这一点，（主题不提供标题添加图像选项）

这是我的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;
}

参考链接：

background-position

WordPress标题背景图像没有响应和中心

2 个答案: