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

background-color 속성을 .main-content div로 너무 설정했기 때문에 작동하지 않았습니다.