"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > 아동 요소가 부모 요소의 CSS 흐림 효과를 상속하는 것을 방지하는 방법은 무엇입니까?

아동 요소가 부모 요소의 CSS 흐림 효과를 상속하는 것을 방지하는 방법은 무엇입니까?

2025-04-14에 게시되었습니다
검색:428

How to Prevent Child Elements from Inheriting a Parent's CSS Blur Effect?

이를 달성하려면 부모 div : 하나는 배경과 내용을 위해 두 개의 중첩 된 div를 만듭니다. 부모 div에 "위치 : 상대"를 지정 및 "위치 : 절대; 상단 : 0px; 오른쪽 : 0px; 맨 아래 : 0px; 왼쪽 : 0px;" (또는 높이/너비를 100%로 설정) 배경 div. 이를 통해 배경 DIV는 배경 요소를 컨텐츠 요소에서 분리하여 배경 DIV를 완전히 다루게되며 배경에 적용되는 블러 필터는 텍스트 또는 다른 원하는 내용을 포함하는 자식 요소에 영향을 미치지 않습니다.

예는 다음과 같습니다. 위치 : 상대; 높이 : 100px; 너비 : 100px; } #background { 위치 : 절대; 상단 : 0; 왼쪽 : 0; 오른쪽 : 0; 하단 : 0; 배경색 : 빨간색; 필터 : 블러 (3px); Z- 인덱스 : -1; }

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3