Z순서
Z-order |
Z 순서는 스택 창 관리자의 창, 벡터 그래픽 편집기의 모양 또는 3D [1]응용 프로그램의 개체와 같은 겹치는 2차원 개체의 순서입니다.일반적인 GUI의 기능 중 하나는 창이 겹칠 수 있기 때문에 어떤 창이 다른 창의 일부 또는 전부를 숨길 수 있다는 것입니다.두 개의 창이 겹치면 해당 Z 순서에 따라 어느 창이 다른 창 위에 표시되는지 결정됩니다.
정의.
"Z-order"라는 용어는 Z축을 따라 있는 물체의 순서를 말합니다.좌표 지오메트리에서 X는 일반적으로 수평축(왼쪽에서 오른쪽으로), Y는 수직축(위아래로), Z는 다른 두 개의 수직축(앞으로 또는 뒤로)을 나타냅니다.GUI의 창은 모니터의 표면에 평행한 일련의 평면이라고 생각할 수 있습니다.따라서 창은 Z축을 따라 쌓이고 Z 순서 정보는 화면에서 창의 앞뒤 순서를 지정합니다.예를 들어 테이블 위에 흩어져 있는 종이 몇 장, 각 시트는 창문이 되고 테이블은 컴퓨터 화면이며 상단 시트는 Z 값이 가장 높습니다.
사용하다
일반적으로 GUI 사용자는 포그라운드로 이동할 창을 선택함으로써 Z 순서에 영향을 줄 수 있습니다(즉, 다른 모든 창의 "위" 또는 "앞").윈도우 매니저에 따라서는 윈도우가 포그라운드에 없는 동안에도 조작할 수 있는 것이 있습니다.또, 유저로부터의 입력을 수신할 때마다, 윈도우를 전면에 표시할 수도 있습니다.또한 특수 창을 "항상 맨 위에" 지정할 수도 있습니다. 그런 다음 Z 순서의 맨 위에 고정되므로 다른 창이 겹칠 수 없습니다(거의 예외 없음).
컴퓨터 화면에서 시각적인 물체를 다룰 때, Z 순서가 1인 물체는 시각적으로 2 이상의 Z 순서가 있는 물체의 "아래"가 됩니다.이는 Z 순서가 다른 개체 위에 있는 개체를 결정하는 개체의 "레이어"를 만드는 것과 같습니다.HTML 페이지에서는 CSS를 사용하여 Z 순서를 지정하여 일부 개체를 다른 개체 위에 계층화할 수 있습니다.
Z 순서는 3D 응용 프로그램에서도 다른 개체와의 중첩을 기준으로 개체 가시성을 결정하기 위해 사용됩니다.이렇게 하면 컴퓨터가 보이지 [1]않는 객체를 렌더링할 필요가 없기 때문에 사용자에게 속도상의 이점을 제공합니다.
z 인덱스
Z 순서의 특정 위치에 할당된 실제 숫자를 z 지수라고도 합니다.특히 특정 요소의 스택 순서를 설정하는 CSS 속성을 z-index라고 합니다.스택 순서가 큰 요소는 항상 스택 [2]순서가 낮은 다른 요소 앞에 있습니다.
p { 위치: 관련있는; z 인덱스: -1; } 마이너스 스택 순서도 같은 방법으로 사용할 수 있습니다.음의 값은 양의 값 뒤에 표시됩니다. z-index위치 값이 있는 요소에서만 작동합니다(예:position: relative;많은 코더의 경우 z-index가 작동하지 않는 이유를 디버깅할 때 가장 먼저 조사해야 할 사항 중 하나입니다.[3]
다른 모든 CSS 속성과 마찬가지로 JavaScript 및 다음 구문을 사용하여 설정할 수 있습니다.
물건.스타일..zIndex(zIndex)= '1'; 「 」를 참조해 주세요.
레퍼런스
- ^ a b 폴리, 제임스, 앤드리 반 댐, 스티븐 파이너, 존 휴즈."컴퓨터 그래픽스: 원칙과 실천"애디슨 웨슬리 출판사입니다매사추세츠, 리딩: 1987. 870-871페이지
- ^ "Visual formatting model". World Wide Web Consortium. Specifying the stack level: the 'z-index' property. Archived from the original on 24 November 2018.
- ^ Guide, The Web Developer (2019-03-28). "CSS Z-Index Not Working! Send Help!". The Web Developer Guide. Retrieved 2019-04-10.
