WordPress的透明标题和正文

Question

Working on a Wordpress site that we're putting a Parallax background in, but I'm having a tough time with making the header transparent and perhaps a little opacity in the content.

For example, the header is currently following this style:

.header {
  border-top-color:#F09C41;
  border-top-style:solid;
  border-top-width:0;
}

using the following doesn't help:

.header {
  background:transparent !important;
  border-top-color:#F09C41;
  border-top-style:solid;
  border-top-width:0;
}

Similar with the content. You can see the demo site here: http://tinyurl.com/nutvfvb

Any help would be greatly appreciated. I thought this one would be easy...but I guess not.

Answer 1

You div titled "main-content" has a white background-color to it. So when you add any transparency your header appears white. You can use:

.header {
   background-color:transparent;
}

and change the background-color of the "main-content" and view it in a browser.

Try this:

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

and your header should appear red.

This is only to show you that the header is transparent when you add:

.header {
   background-color:transparent;
}

Hope this helps!!!

Answer 2

采用

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

Answer 3

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