css - 불투명도의 상속 중지

Question

텍스트와 버튼이 포함 된 div의 opacity:0.80; 속성이 있습니다. 문제는 단추와 텍스트가 div에서 상속 된 불투명도입니다. 그것을 고치는 방법?

이미 버튼에 opacity:1;을 추가하고 태그 <p>을 입력하려고했지만 도움이되지 않습니다.

Answer 1

배경에 불투명도가 필요하다고 생각합니다. 죄수들이 말했듯이, 오래된 브라우저는 지원하지 않습니다.

background-color: rgba(0, 0, 0, 0.8);

W3 스쿨 : RGBA 색상 값은 IE9 +, 파이어 폭스 3+, 크롬, 사파리,와 오페라 10 +에서 지원됩니다.

Answer 2

당신은 또한

하나의 솔루션은 RGBA 사용하는 부모의 불투명도를 받고 it.Child 요소를 고정 할 수 없습니다

사용을 :after 의사 요소

element:hover:after { 
    background-color: rgba(0, 0, 0, 0.1); // black with opacity 0.1 
}