Wordpress Transparent Header＆Body

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

它沒有工作，因爲你已經設置​​div .main-content div的屬性。