MPR | html layer 예제
155713
single,single-post,postid-155713,single-format-standard,ajax_fade,page_not_loaded,,select-theme-ver-3.2.1,popup-menu-slide-from-left,wpb-js-composer js-comp-ver-4.12,vc_responsive
 

html layer 예제

html layer 예제

src 특성을 모두 사용하고 태그 내에 콘텐츠를 배치하여 기존 레이어 콘텐츠를 다른 파일에서 가져온 콘텐츠와 결합할 수 있습니다. 이 경우 파일의 콘텐츠가 먼저 레이어에 배치되고 태그 자체 내의 인라인 콘텐츠가 표시됩니다. 추가 인라인 콘텐츠를 제공하지 않고 src 특성을 사용하도록 선택한 경우에도 레이어의 정의를 종료하려면 닫는 태그를 제공해야 합니다. 두 속성을 모두 포함하는 경우 배경 색은 배경 이미지의 투명한 지점을 통해 표시됩니다. 전체 레이어가 불투명합니다. 숨겨져 있는 레이어는 아래 레이어를 뷰에서 차단하지 않습니다. 대신 숨겨진 레이어는 투명하다고 생각할 수 있습니다. 기본 문서에서 콘텐츠를 숨기는 한 가지 방법은 콘텐츠 위에 불투명 레이어를 배치하는 것입니다. 숨겨진 컨텍스트를 표시하려면 불투명 레이어를 숨기고 아래에 있는 내용을 표시합니다.

클립 속성은 레이어의 일부를 숨기거나 JavaScript 함수를 사용하여 페이드 및 초기화 효과를 만들어 시간이 지남에 따라 클리핑 창을 변경하는 데 유용합니다. 위와 아래 특성은 여러 레이어를 쌓을 때 혼동을 줄 수 있습니다. z-index 속성을 사용하여 어느 레이어가 어느 레이어로 이동하는지 추적하는 것이 다소 쉽다는 것을 알 수 있습니다. z 인덱스를 사용하면 Netscape가 레이어를 스택하는 순서를 지정합니다. CSS를 사용하여 요소의 “레이어”를 추가하여 요소가 다른 요소의 앞이나 뒤에 앉을 수 있도록 할 수 있습니다. 위 또는 아래 특성의 값은 현재 문서의 다른 레이어의 이름입니다. 물론 참조된 레이어에는 참조 태그의 위 또는 아래 특성과 함께 사용하는 값이 동일한 이름인 이름 특성이 있어야 . 또한 문서의 앞에서 참조된 레이어를 만들어야 합니다. 나중에 오는 레이어를 참조할 수 없습니다. 다시 말하지만, 효과는 도 14-9와 동일하다. 일반적으로 Netscape는 두 번째 레이어(이 경우 회색 레이어)를 첫 번째 레이어 위에 표시합니다.

그러나 회색 레이어에 z 인덱스 값이 더 낮게 지정되었으므로 첫 번째 레이어 뒤에 배치됩니다. 가시 영역 외부의 레이어 영역이 투명하게 만들어 레이어 아래에 있는 모든 것을 통과할 수 있습니다. 레이어를 만들려고 계획하고 참조하지 않는 경우 이름을 지정할 필요가 없습니다. 그러나 이 장의 후반부에서 보여 주는 것처럼 현재 레이어를 기준으로 다른 레이어를 스택하거나 JavaScript를 사용하여 레이어를 수정하려는 경우 이름 특성을 사용하여 레이어의 이름을 지정해야 합니다. 이름을 지정하는 값은 첫 번째 문자가 숫자나 기호가 아닌 문자여야 하는 텍스트 문자열입니다. 스페이서와 여러 열은 문서의 정상적인 흐름 내에 존재하는 기존 HTML에 대한 자연스러운 확장입니다. 네비게이터 버전 4를 통해 넷스케이프는 HTML을 레이어를 통해 완전히 새로운 차원으로 전환했습니다. 단일 요소 문서 모델을 결합하여 최종 문서를 구성하는 여러 계층화된 요소를 포함하는 문서로 변환합니다.

유감스럽게도, 레이어 지원은 넷스케이프 6에서 생략됩니다. [73] 물론 이는 동일한 중첩을 포함하는 레이어에만 적용됩니다. 이렇게 하면 위쪽: 0과 같은 절대위치에 절대적으로 배치되는 내부 요소가 됩니다. 왼쪽: 0; 래퍼의 왼쪽 상단 모서리에 나타나고 전체 창의 왼쪽 상단이 아닙니다. 너비 특성을 사용하여 레이어의 폭을 명시적으로 설정할 수 있습니다. 이 특성의 값은 픽셀 단위로 레이어의 너비또는 포함된 레이어의 백분율로 정의합니다. 예상대로 Netscape는 지정된 너비로 래핑된 레이어 내용의 크기에 따라 높이를 설정합니다. 이미지와 같은 레이어의 요소를 래핑할 수 없고 대신 레이어의 오른쪽 여백을 지나 확장하면 요소의 일부만 표시됩니다. 나머지는 레이어의 가장자리에 의해 잘리고 표시되지 않습니다. 이는 기본 문서 창에서 이미지의 동작과 유사합니다.

No Comments

Sorry, the comment form is closed at this time.