![카페24 쇼핑몰 팝업창 등록하기/카페24 쇼핑몰 만들기/친절한길자쌤/박길현 [카페24 쇼핑몰제작#48]](https://i.ytimg.com/vi/RfvYHUs8nnI/hqdefault.jpg)
콘텐츠
웹 페이지를 만들 때 간단한 HTML 코드를 사용하여 브라우저 창의 크기를 잠글 수 있습니다. 이것은 사용자가 미적 이유로 페이지를 스크롤하는 것을 원하지 않는 경우에 유용합니다.이 경우 모든 이미지와 텍스트가 브라우저 윈도우 내에 동시에 표시됩니다. 창 크기를 잠그면 사용자가 페이지 아래쪽에 표시 될 수있는 일부 요소를 볼 수 없도록 제한 할 수도 있습니다.
지침
-
CSS에서 "position : fixed"를 사용하여 창 크기를 잠급니다. 먼저 "type ="text / css ">"를 태그에 입력하십시오 (아직없는 경우). 다음 행에 "body {"를 입력하고 "position : fixed;" 그런 다음 "}"기호로 코드를 닫으십시오. 유형 ""스타일 태그를 닫습니다. Internet Explorer와 같은 일부 브라우저에서는"position : fixed "다음에"bottom : 0; "을 추가하여 창 크기를 잠글 수 있습니다. 코드를 입력 할 때 여기에서 볼 수 있습니다.
-
다른 방법으로 첫 번째 단계에서 설명한 것처럼 "위치 : 고정"대신 "오버플로 : 숨김"속성을 사용하십시오. 오버플로 속성을 사용하면 페이지 또는 요소의 일부를 숨기고 HTML 문서의 본문 전체에 적용 할 때 잠긴 창의 모양을 만들 수 있습니다.
-
"body"태그에 "scroll = no"속성 (따옴표 제외)을 추가하여 창 크기를 차단하십시오. 예를 들어, 스크롤하지 않고 검은 색 배경을 원하면 마지막 코드는 "bgcolor = black scroll = no>"이고, 본문 섹션에 텍스트와 이미지를 입력 한 다음 ""태그로 닫습니다. 이렇게하면 사용자가 웹 페이지의 본문을 스크롤하지 못하게됩니다. 다시 말하지만, 코드를 작성하는 동안 인용 부호는 그대로 두십시오.