CSS：如何在Wordpress上使標題背景透明？

Question

我想在我的網站上放一個背景圖片。 它來自頁面頂部，僅在標題后面。 問題是，我的主題迫使我為標題添加背景色，因此您根本看不到我的背景圖片。 這是我希望網站外觀的照片：

您可以在這里看到它的實際外觀。 我在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

如果需要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; } 

 <div class="black-but-transaprent">Test</div>