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