html layer 예제

레이어 a, b 및 c는 동일한 수준에 있으며 레이어 a1과 a2는 a, b1, b2 및 b3가 b 내에 중첩됩니다. z-인덱스 숫자는 언뜻 보기에 Netscape가 다양한 중첩 된 레이어를 인터리브시키는 것처럼 보일 수 있지만 레이어의 실제 순서는 아래에서 위로 c, a1, a2, b1, b1, b3 및 b2입니다. 위의 특성을 설명하기 위해 그림자 레이어 를 다시 사용해 보겠습니다. 태그의 위쪽 및 왼쪽 속성을 사용하여 문서 표시에서 절대 위치를 지정합니다. 레이어는 기본적으로 일반적으로 표시됩니다(들리는 것은 아니지만). 표시 속성이 표시, 숨기기 또는 상속되도록 설정하여 변경할 수 있습니다. 예상대로 표시를 표시하면 레이어가 표시되고, 뷰에서 숨겨지고, 레이어가 부모의 가시성을 상속할 것을 명시적으로 선언합니다. 이 특성의 기본값은 상속입니다. 중첩되지 않은 레이어는 항상 표시되는 주 문서의 자식으로 간주됩니다. 따라서 가시성 특성이 없는 중첩되지 않은 레이어가 처음에 표시됩니다. 그러나 일반 콘텐츠는 여전히 문서 맨 위에서 시작하여 예제의 멋진 제목 뒤에 있을 수 있습니다. 레이어드 제목 아래에 콘텐츠를 푸시하려면 기존의 문서 텍스트를 포함하기 전에 빈 제목(비나누기 공간을 위한 저장–nbsp;)을 포함합니다.

나중에 레이어를 공개하려는 경우가 아니면 레이어를 숨기는 것은 의미가 없습니다. 일반적으로 이 특성은 일부 사용자 상호 작용의 결과로 숨겨진 레이어를 표시하는 문서에 일부 JavaScript 루틴을 포함하는 경우에만 사용됩니다. 섹션 12.3.3, “JavaScript 이벤트 처리기” 예를 들어, Netscape가 다음과 같은 레이어 시퀀스를 렌더링할 때 색상에 따라 우선 순위는 예측할 수 있습니까? [74] 또한 스타일 시트를 사용하여 단일 태그뿐만 아니라 문서 내의 모든 태그의 배경 색뿐만 아니라 다른 많은 표시 기능을 제어할 수도 있습니다. 섹션 14.3.1.9, “스타일 및 클래스 속성”을 참조하십시오. 다음은 디스플레이 아래로 대각선으로 세 단어를 엇갈리는 간단한 레이어 예입니다 – 당신이 쉽게 할 수있는 일이 아니며, 기존의 HTML에서 동일한 정밀도로 는 것이 아닙니다 : 녹색 헤더가 빨간색 헤더 의 상단에 간다고 말한 경우 별을 주십시오. ch는 파란색 헤더의 상단에 간다. 왜? 빨간색 헤더는 모양 순서에 따라 녹색 헤더보다 우선 순위가 낮기 때문에 z 인덱스 값을 낮게 지정하여 빨간색 아래의 파란색 레이어를 강제로 만듭니다. Netscape는 지정된 순서에 따라 z-인덱스가 지정된 레이어와 문서의 모양 순서에 따라 z-인덱스되지 않은 레이어를 표시합니다. 모양 순서에 따라 우선 순위는 z-인덱스 값이 동일한 레이어에도 적용됩니다. 레이어를 중첩하는 경우 동일한 중첩 수준에 있는 모든 레이어는 z-index 특성에 따라 정렬됩니다. 그런 다음 이 그룹은 포함된 레벨의 모든 레이어 중에서 단일 레이어로 정렬됩니다. 즉, 레이어 내에 중첩된 레이어는 다른 레벨의 레이어 간에 인터리브할 수 없습니다.