WordPress的透明標題和正文

Question

在要放置視差背景的Wordpress網站上工作，但是我很難使標題透明並且內容可能不透明。

例如，標題當前遵循此樣式：

.header {
  border-top-color:#F09C41;
  border-top-style:solid;
  border-top-width:0;
}

使用以下內容無濟於事：

.header {
  background:transparent !important;
  border-top-color:#F09C41;
  border-top-style:solid;
  border-top-width:0;
}

與內容相似。 您可以在此處查看演示站點： http : //tinyurl.com/nutvfvb

任何幫助將不勝感激。 我以為這很容易...但是我想不是。

Answer 1

您的標題為“主要內容”的div具有白色background-color 。 因此，當您添加任何transparency標題將顯示為白色。 您可以使用：

.header {
   background-color:transparent;
}

並更改“主要內容”的background-color ，然后在瀏覽器中查看。

嘗試這個：

div.main-content {
background-color:red;
}

並且標題應該顯示為紅色。

這只是為了向您顯示添加時標題是透明的：

.header {
   background-color:transparent;
}

希望這可以幫助！！！

Answer 2

采用

.header { background: rgba(255,255,255,0.5) }

Answer 3

這沒有用，因為您也將.main-content div的background-color屬性設置為白色。