이미지 맵 효과 image-map-effect
모드 매개 변수의 값에 따라 뷰어는 Dynamic Media Classic에서 맵이 처음 작성된 위치에 기본 보기 위에 이미지 맵 아이콘을 표시하거나 원본 이미지 맵의 모양과 일치하는 정확한 영역을 렌더링합니다.
기본 뷰어 영역의 CSS 속성
이미지 맵 아이콘의 모양은 다음 CSS 클래스 선택기로 제어됩니다.
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon
NOTE
과거의 이미지 맵 아이콘에 스타일을 지정하는 데 사용된
s7mapoverlay CSS 클래스는 이제 사용되지 않습니다. 대신 s7icon을(를) 사용하십시오.CSS 속성
설명
배경 이미지
이미지 맵 아이콘 아트워크.
백그라운드 위치
CSS 스프라이트를 사용하는 경우 아트워크 스프라이트 내부에 배치합니다.
CSS 스프라이트도 참조하십시오.
너비
이미지 맵 아이콘 너비(픽셀 단위).
높이
이미지 맵 아이콘 높이(픽셀 단위).
NOTE
이미지 맵 아이콘은
default 및 active의 아이콘 상태에 다른 스킨을 적용하는 데 사용할 수 있는 state 특성 선택기를 지원합니다.예 - 서로 다른 두 아이콘 상태에 대해 각각 다른 이미지를 표시하는 28 x 28픽셀 이미지 맵 아이콘을 설정합니다.
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon {
height: 28px;
width: 28px;
background-image: url(images/v2/ImageMapEffect_dark_up.png);
}
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon[state="default"] {
opacity: 0.5;
}
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon[state="active"] {
opacity: 1;
}
이미지 맵 지원도 참조하세요.
다음 CSS 클래스 선택기를 사용하여 이미지 맵 영역의 모양이 제어됩니다.
.s7ecatalogsearchviewer .s7imagemapeffect .s7region
CSS 속성
설명
배경
이미지 맵 영역 채우기 색입니다.
#RRGGBB, RGB(R,G,B) 또는 RGBA(R,G,B,A) 형식으로 지정됩니다.
배경색
이미지 맵 영역 채우기 색입니다.
#RRGGBB, RGB(R,G,B) 또는 RGBA(R,G,B,A) 형식으로 지정됩니다.
테두리
이미지 맵 영역 테두리 스타일입니다.
너비 단색 색상 (으)로 지정됨. 여기서 너비 은(는) 픽셀로 표현되고 색상 은(는) #RRGGBB, RGB(R,G,B) 또는 RGBA(R,G,B,A)로 설정됩니다.
예 - 1픽셀 검정색 테두리로 투명한 이미지 맵 영역 설정:
.s7ecatalogsearchviewer .s7imagemapeffect .s7region {
border: 1px solid #000000;
background: RGBA(0,0,0,0);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8