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的属性。