Wordpress 透明页眉和正文答案

【问题标题】：Wordpress Transparent Header & BodyWordpress 透明页眉和正文
【发布时间】：2014-08-28 02:29:21
【问题描述】：

在我们放置视差背景的 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

任何帮助将不胜感激。我认为这很容易......但我想不会。

【问题讨论】：

【解决方案1】：

标题为“主要内容”的 div 有一个白色的 background-color。因此，当您添加任何 transparency 时，您的标题会显示为白色。您可以使用：

.header {
   background-color:transparent;
}

并更改“主要内容”的background-color 并在浏览器中查看。

试试这个：

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

你的标题应该是红色的。

这只是为了告诉你，添加的时候header是透明的：

.header {
   background-color:transparent;
}

希望对你有帮助！！！

【讨论】：

【解决方案2】：

使用

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

【讨论】：

【解决方案3】：

它不起作用，因为您也将.main-content div 的background-color 属性设置为白色。

【讨论】：