Twentyeleven 테마에서 투명하게 헤더 만들기

Question

답변을 검색 한 결과 내 문제에 도움이되는 것이 없습니다. 나는 twentyeleven을위한 자식 테마를 사용하고 있으며 페이지 배경을 흡수하도록 헤더를 투명하게하려고합니다. 나는 나의 아이 주제 css에서 뒤에 오는 것을했다.

/* =Header 
----------------------------------------------- */ 

#branding { 
border-top: 0px; 
padding-bottom: 10px; 
position: relative; 
z-index: 9999; 
background: transparent !important; 

} 
#site-title { 
margin: 0 auto; 
padding: 5.9em 0 0 1.30em; 
font-family: 'Abel', sans-serif; 
text-align: center; 
} 
#site-title a { 
color: #000066; 
font-family: 'Abel', sans-serif; 
letter-spacing: -5px; 
font-size: 80px; 
font-weight: normal; 
line-height: 25px; 
text-decoration: none; 
} 
#site-title a:hover, 
#site-title a:focus, 
#site-title a:active { 
color: #000066; 
font-family: 'Abel', sans-serif; 
} 
#site-description { 
color: #000066; 
font-size: 25px; 
font-family: 'Abel', sans-serif; 
margin: 0 0px 1.35625em .8em; 
text-align: center; 
} 
#branding img { 
height: auto; 
display: block; 
width: 960px; 

} 

내가 무엇이든 추가하거나 변경하거나 제거 할 수 있으면 표시됩니다. 또는 CSS의 다른 부분에서 수행 할 수있는 다른 종류의 트릭을 알고 있습니다. 알려주세요.

감사합니다.

Answer 1

배경이있는 div가 뒤에 있습니다. 링크를 보내면 정확히 무엇을해야할지 알려 드리지만 이것이 범인 중 하나라고 추측합니다.

#page { 
    background: #fff; 
} 

는

background:transparent;