Zendesk 웹 위젯(클래식)은 많은 설정 및 사용자 지정 옵션을 제공합니다. 웹페이지의 다른 콘텐츠와 관련하여 Web Widget(클래식)의 스택 순서를 지정해야 하는 경우가 있습니다. 이렇게 하려면 z-indexWeb Widget(클래식) 설정에서 값을 입력하세요. 이 문서에서는 z-index위젯이 웹사이트의 다른 요소와 배열되는 방식을 변경합니다.
)를 클릭하여 새 브라우저 탭에서 이 문서를 엽니다. 기능 z-index?
설명 및 정의 z-index
Z-index 은(는) 겹치는 콘텐츠의 표시 대상 및 위치를 설정하는 데 사용되는 CSS 특성입니다. 두 개의 요소가 겹칠 때 z-index어떤 요소가 다른 요소 위에 표시되는지 결정합니다. 다음 z-index값은 정수로 배정되거나, 상속, 초기 및 설정 취소와 같은 전역 값으로 배정될 수 있습니다.
정수를 사용할 때 요소의 z-index가장 높은 색인에 배정된 요소가 다른 요소들 앞에 나타납니다. 예를 들어 컨테이너 A에 z-index2개이며 컨테이너 B에는 z-index/ 1이면 컨테이너 A가 컨테이너 B 앞에 배치됩니다. 전역 값을 사용할 때 요소는 상위 값과 관련하여 지정된 위치를 취합니다..
기능 z-indexWeb Widget(클래식)과 관련이 있나요?
설정 z-index자체 위젯용
Web Widget(클래식) 앞에 콘텐츠를 표시하거나 다른 콘텐츠 뒤에 완전히 Web Widget(클래식)을 숨기고 싶은 경우가 있습니다. 여기에서 z-indexWeb Widget(클래식)의.
설정하려면 어떻게 해야 하나요? z-indexWeb Widget(클래식)의 경우
두 가지 설정 옵션 z-index
다음을 설정할 수 있습니다. z-index두 가지 방법으로 웹 위젯에 사용할 수 있습니다.
- 다음을 사용:
window.zESettings개체입니다. 다음을 설정합니다.z-index위젯이 처음 로드될 때. 사용에 대한 자세한 내용은window.zESettings개체에 대한 자세한 내용은여기 에서개발자 문서를 참조하세요. - updateSettings API를 사용합니다. 이로써
z-index실행할 수 있습니다. updateSettings API 사용에 대한 자세한 내용은여기에서개발자 문서를 참조하세요.
z-index기본적으로 인덱스 999998로 설정됩니다. 즉, 다른 개체의 z-index이 수를 초과합니다.window.zESettings 개체 사용 예
다음 window.zESettings개체를 사용하여 z-index페이지 로드 시
이 예에서는 z-index다음을 사용하여 window.zESettings개체입니다. 참고로 window.zESettings위젯이 부팅될 때에만 개체가 로드됩니다. 업데이트하려면 다음과 같이 하세요. z-indexupdateSettings API를 사용하여 실행 시간에 값을 변경하려면 아래의 예를 참조하세요.
변경 전 페이지는 다음과 같습니다. z-index웹 위젯(클래식)의 가치입니다. 예상대로 Web Widget(클래식)이 다른 콘텐츠 위에 나타납니다.
위의 이 예에서는 z-index컨테이너 요소의 이(가) 명시적으로 설정되지 않았습니다. 즉, z-index컨테이너 요소의 기본값은 0에 해당하는 자동으로 설정됩니다. Web Widget(클래식)을 숨기려면 z-index다음과 같이 0보다 작은 값:
이제 페이지가 로드되면 Web Widget(클래식)이 컨테이너 요소 뒤에 나타납니다. 그 이유는 z-index컨테이너 요소의 값이 z-index웹 위젯(클래식)의 가치입니다.
새 z-index값을 지정하면 Web Widget(클래식)이 웹페이지의 다른 요소 뒤에 표시됩니다.
updateSettings API를 사용한 예
updateSettings API를 통해 실시간으로 변경할 수 있습니다.
이 예 에서는모달에 z-index2개 중 하나입니다. 변경만 가능합니다. z-index위젯을 숨기거나 화면 앞으로 가져옵니다.
예 1: 모달 뒤에 웹 위젯(클래식) 숨기기
첫 번째 예에서는 웹 위젯(클래식)을 모달 뒤에 숨기기 위해 위젯의 z-index1로 변경합니다.
실제로 살펴보기:
예 2: 웹 위젯(클래식)을 모달 맨 앞으로 가져오기
이 예에서는 웹 위젯(클래식)을 모달 앞에 표시하여 페이지에서 계속 액세스할 수 있도록 합니다. 다시 한 번 zE webWidget을 사용하여 Settings를 업데이트하고 z-index3으로 변경합니다. 이로써 Web Widget(클래식)의 위치가 효과적으로 이동됩니다.
실제로 살펴보기:
요약 및 추가 리소스
자세한 내용은 다음 링크를 참조하세요.
웹 개발자는 가장 좋은 설정 방법을 선택할 수 있습니다. z-index웹 위젯(클래식)의 가치입니다. 다음 window.zESettings개체를 통해 z-indexupdateSettings API를 통해 실시간으로 변경할 수 있습니다. 위젯 사용자 지정에 대한 자세한 내용은 다음을 참조하세요.
Web Widget(클래식)의 고급 사용자 지정
Zendesk 개발자 커뮤니티
번역 고지 사항: 본 문서는 콘텐츠에 대한 기본적인 이해를 제공하기 위해 자동 번역 소프트웨어를 사용하여 번역되었습니다. 정확한 번역을 제공하고자 합당한 노력을 기울였으나 Zendesk는 번역의 정확성을 보장하지 않습니다.
번역된 문서에 포함된 정보의 정확성과 관련하여 질문이 있으시면 문서의 공식 버전인 영문 버전을 참조하시기 바랍니다.
0 댓글
댓글을 남기려면 로그인하세요.