CSS：如何在Wordpress上使标题背景透明？

Question

我想在我的网站上放一个背景图片。它来自页面顶部，仅在标题后面。问题是，我的主题迫使我为标题添加背景色，因此您根本看不到我的背景图片。这是我希望网站外观的照片：

您会看到它的实际外观为here。我在Wordpress上使用Brunch Pro主题。

有没有办法使标题背景透明或有更好的方法呢？

Answer 1

将其添加到主题的custom.css或style.css的末尾：

.brunch-pro .site-header{
    background: transparent;
}

Answer 2

如果您可以编辑CSS（我想您可以在WP中进行编辑），请查找.site-header设置了CSS属性的位置。删除background和background-color属性。

您也可以只添加一个新的CSS属性并将其应用于标题。像这样：

header.site-header {
  background: none !important;
}

!important将覆盖已经设置的属性...

Answer 3

如果需要def add(values): if len(values) == 0: return 0 elif len(values) == 1: return values[0] mid = len(values)//2 return add(values[:mid]) + add(values[mid:]) >>> add([1,2,3,4,5]) 15 属性，则可以使用background-color颜色并使其透明。 rgba使背景色为黑色，但完全透明，没有不透明度和其他技巧。像这样：

background: rgba(0,0,0,0);

.black-but-transaprent {
  color: red;
  height: 100px;
  width: 100px;
  background: rgba(0,0,0,0);
  border: 1px solid black;
}