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属性设置为白色。