다양한 CSS 속성이 어떻게 스택 컨텍스트를 생성합니까?

CSS의 스택 컨텍스트

CSS에서 특정 속성을 사용하려면 페이지 내에 별도의 계층 환경을 설정하는 스택 컨텍스트를 생성해야 합니다. 잘 알려진 z-index 속성 외에도 여러 추가 속성이 이러한 컨텍스트의 형성을 트리거합니다.

스태킹 컨텍스트 생성

다음 속성은 요소에 대한 스태킹 컨텍스트를 설정합니다. 및 그 하위 요소:

• Z-색인: 위치가 지정된 요소에서 auto가 아닌 모든 값(고정 요소 제외) 최신 브라우저)
• 불투명도: 1 미만
• 변형: 없음이 아닌 값 및 변형 스타일: 보존-3d
• 관점: 없음이 아닌 값

추가 속성

또한 다음 속성도 스태킹 컨텍스트 생성에 기여합니다.

• Flow-from: 비정규 콘텐츠가 있는 요소의 Non-none
• 페이지 여백 상자: 페이지 미디어
• 필터: 없음
• 격리: 합성 및 블렌딩에서 격리
• 혼합 혼합 모드: 비정규 값
• 변경 예정: 트리거되는 속성에 대한 초기 값이 아님 스태킹 컨텍스트
• 클립 경로/마스크: 없음 값

블록 서식 지정 컨텍스트와의 구별

CSS 레이아웃에서 서로 다른 두 가지 개념인 스택 컨텍스트와 블록 서식 지정 컨텍스트를 구별하는 것이 중요합니다. 스태킹 컨텍스트는 위치 지정과 레이어링을 제어하는 ​​반면, 블록 서식 컨텍스트는 콘텐츠 흐름과 블록 요소의 래핑 동작에 영향을 미칩니다.

위 내용은 다양한 CSS 속성이 어떻게 스택 컨텍스트를 생성합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!