부모 요소가 다른 불투명도를 가지면서 어떻게 자식 요소의 불투명도를 100 %로 만드나요?

Question

freecodecamp를 코딩하고있는 공물 페이지에 대한 navbar가 있습니다. navbar의 배경을 투명 검정색으로하고 텍스트를 검정색으로 채우고 싶습니다.하지만 이것은 어렵습니다. 여기

는 codepen입니다 : https://codepen.io/bkhible/pen/Bzpyyb

.navbar { 
    background-color: rgba(0,0,0,0.3); 
    border: none; 
    color: #000; 
} 

h3 { 
    color: #000; 
} 

.navbar-text { 
    font-family: 'Signika', sans-serif; 
    font-size: 68px; 
    letter-spacing: 10px; 
    color: #000; 
} 

나는이 질문 & 발견 된

<nav class="navbar navbar-inverse navbar-fixed-bottom"> 
    <div class="container-fluid"> 
    <h3 class="navbar-text">RADIOHEAD</h3> 
    </div> 
</nav> 

: Opacity bleeding into child divs을 ...하지만 난 그냥 완전히 잃었하지 않는 한이 솔루션은 작동하지 않을 것 어떤 것? 수정 프로그램이 정말 간단하다고 가정합니다.

Answer 1

불투명하지 않습니다.

// navbar.less:548 
.navbar-inverse .navbar-text { 
    color: #9d9d9d; 
}