아이콘 효과
마지막 업데이트: 2024년 7월 22일
작성 대상:
- 개발자
- 사용자
확대/축소 표시기가 기본 보기 영역에 오버레이됩니다. 이미지가 재설정 상태일 때 표시되며, 이는 iconeffect 매개 변수에도 의존합니다.
기본 뷰어 영역의 CSS 속성
다음 CSS 클래스 선택기를 사용하여 보기 영역의 모양이 제어됩니다.
.s7basiczoomviewer .s7zoomview .s7iconeffect
CSS 속성 | 설명 |
---|---|
배경 이미지 | 확대/축소 표시기 아트워크. |
백그라운드 위치 |
CSS 스프라이트를 사용하는 경우 아트워크 스프라이트 내부에 배치합니다. CSS 스프라이트을(를) 참조하십시오. |
너비 | 확대/축소 표시기 폭 |
높이 | 확대/축소 표시기 높이입니다. |
NOTE
아이콘 효과는
media-type
특성 선택기를 지원하며, 이 선택기를 사용하여 다른 장치에 다른 아이콘 효과를 적용할 수 있습니다. 특히 media-type='standard'
은(는) 마우스 입력이 정상적으로 사용되는 데스크톱 시스템에 해당하며 media-type='multitouch'
은(는) 터치 입력이 있는 장치에 해당합니다.예 - 데스크탑 시스템 및 터치 장치에 대해 서로 다른 아트로 100x100픽셀 확대/축소 표시기를 설정합니다.
.s7basiczoomviewer .s7zoomview .s7iconeffect {
width: 100px;
height: 100px;
}
.s7basiczoomviewer .s7zoomview .s7iconeffect[media-type='standard'] {
background-image:url(images/v2/IconEffect_zoom.png);
}
.s7basiczoomviewer .s7zoomview .s7iconeffect[media-type='multitouch'] {
background-image:url(images/v2/IconEffect_pinch.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8