불투명도가있는 래퍼 및 불투명도가없는 래퍼에서 div 설정

불투명도가 0.75로 설정된 래퍼 div가 있습니다. 문제는 다른 div를 배치 할 때도 투명하다는 것입니다.불투명도가있는 래퍼 및 불투명도가없는 래퍼에서 div 설정

여기 HTML입니다 :

<div id="header_wrapper"> 
    <div id="header"> 
     <div class="logo"></div>    
     <ul class="hor_list" id="main_menu"> 
      <li><a href="#">Home</a></li> 
     </ul> 
    </div> 
</div>

CSS : div.logo 및 ul#main_menu는 투명하고이 문제가 모두이 경우

#header_wrapper {   
    background: black; 
    opacity:0.75; 
    filter:alpha(opacity=75); /* For IE8 and earlier */   
    height: 82px; 
    margin-bottom: 60px; 
}

. 이것을 막는 방법?

출처

2013-10-14 renathy

:) 도움을 희망 DIV

<div id="header_wrapper" style="position:relative"> <div id="header" style="postition:absolute; top:10px;left:10px"> <div class="logo"></div> <ul class="hor_list" id="main_menu"> <li><a href="#">Home</a></li> </ul> </div> </div>

래퍼를 기준으로 헤더 div의 위치를 기반으로합니다. 어느 div에 opactiy를 설정 했습니까? –

_ "어떻게 멈추시겠습니까?"_는 불투명도가있는 요소 안에 _not_ 배치하지 않습니다. 불투명도는 요소 _ 및 모든 내용 _에서 작동하며이를 역전시킬 방법이 없습니다. – CBroe

'RGBA'를 사용하십시오, [example] (http://jsfiddle.net/hwz6u/). – Vucko

자식 노드가 부모의 불투명도를 갖는 것을 막을 수는 없습니다. 두 가지 해결 방법은 불투명도 상위의 직접적인 자식이 아니더라도 필요할 때 배치 할 수있는 절대 위치 지정 방법입니다. 또는 배경에 대한 불투명도가 가장 높을 가능성이 높습니다.

background-color: rgba(255, 0, 0, 0.75);

0.75는 불투명도 값을 사용할 수 있습니다.

출처

2013-10-14 06:31:34 Sgoldy

불투명도 대신에 u는 rgba를 배경색으로 사용할 수 있습니다.

예 :

사업부는 불투명도를해야합니다 모든 컨텐츠 사업부 내부의 불투명도를 설정하면

#div { 
    background: rbga(0, 0, 0, 0.5); 
}

출처

2013-10-14 06:31:59 SKeurentjes

는 간단한 일보다는이 동작을 변경할 수있는 방법이 없습니다.

랩퍼 div 위치를 상대 위치로 만들고 헤더 div 위치를 절대 값으로 만들어 해결합니다. 상단과 왼쪽은 내가 또한 CSS를 제시해주십시오

출처

2013-10-14 06:34:19 yourkishore

불투명도가있는 래퍼 및 불투명도가없는 래퍼에서 div 설정

답변

관련 문제