본문 바로가기

부모 불투명도 무시1

[CSS] 부모의 Opacity설정 무시하기 부모 요소에 opacity(불투명도) CSS속성이 적용되어있을때, 자식요소 또한 영향을 받게 된다. HTML 삽입 미리보기할 수 없는 소스 테스트를 해보면 알겠지만, 자식요소에 opacity를 별도로 주어도, 부모요소로 인해 적용된 불투명도를 무시할수는 없다. 이때, 부모요소의 opacity를 삭제하게되면 문제가 해결된다. 부모요소에 불투명도를 적용하는 방법이 꼭 opacity만 있는것은 아니니, rgba()색상값을 통해 불투명도를 적용하게 되면 문제가 해결된다는 의미이다. 코드의 예시와 그 결과는 아래와 같다. HTML 삽입 미리보기할 수 없는 소스 2023. 5. 26.

이전 1 다음

티스토리툴바