Wordpress透明标题＆amp;身体

Question

在Wordpress网站上工作，我们正在设置Parallax背景，但我很难让标题透明，内容可能有些不透明。

例如，标题目前遵循以下样式：

.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标题为＆＃34;主要内容＆＃34;它有一个白色background-color。因此，当您添加任何transparency时，您的标题会显示为白色。 您可以使用：

.header {
   background-color:transparent;
}

并更改＆＃34;主要内容＆＃34;的background-color并在浏览器中查看。

试试这个：

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

，标题应显示为红色。

这只是为了向您显示添加时标题是透明的：

.header {
   background-color:transparent;
}

希望这有帮助!!!

Answer 2

使用

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

Answer 3

它没有用，因为您已将background-color div的.main-content属性设置为白色。