[javascript/html] 자식 태그가 부모보다 투명도 높게 설정하기(opacity)

[javascript/html] 자식 태그가 부모보다 투명도 높게 설정하기(opacity)

기본적으로는 opacity를 통하여 투명도를 설정하면, 자식또한 투명도가 동일하게적용되어 자식객체의 투명도를 수정할 수 없다

# rgba를 통하여 background-color를 설정하면 이런 문제를 해결 할 수 있다.

  <div style="background-color: rgba(255, 255, 255,0.2);">
        <div style="background-color: rgba(255, 255, 255,0.9);"></div>
  </div>

 

#opacity #div #html #rgba