影像地圖效果 image-map-effect
根據mode引數的值，檢視器會在地圖最初於Dynamic Media Classic中製作的位置的主檢視上顯示影像地圖圖示。 或者，它會呈現與原始影像地圖形狀相符的精確區域。
主要檢視器區域的 CSS屬性
影像地圖圖示的外觀是由下列CSS類別選取器所控制：
.s7ecatalogviewer .s7imagemapeffect .s7icon
NOTE
過去用來設定影像地圖圖示樣式的
s7mapoverlay CSS類別現已棄用；請改用s7icon。CSS屬性
說明
背景影像
影像地圖圖示圖稿。
背景位置
若使用CSS拼寫，則定位在圖稿sprite內。
另請參閱 CSS Sprite。
寬度
影像地圖圖示寬度（畫素）。
高度
影像地圖圖示高度（畫素）。
NOTE
影像地圖圖示支援
state屬性選取器，可用來將不同的外觀元素套用至default和active的圖示狀態。範例 — 設定28 x 28畫素的影像地圖圖示，針對兩種不同的圖示狀態分別顯示不同的影像。
.s7ecatalogviewer .s7imagemapeffect .s7icon {
height: 28px;
width: 28px;
background-image: url(images/v2/ImageMapEffect_dark_up.png);
}
.s7ecatalogviewer .s7imagemapeffect .s7icon[state="default"] {
opacity: 0.5;
}
.s7ecatalogviewer .s7imagemapeffect .s7icon[state="active"] {
opacity: 1;
}
另請參閱影像地圖支援。
影像地圖區域的外觀是由下列CSS類別選取器所控制：
.s7ecatalogviewer .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畫素黑色邊框的透明影像地圖區域：
.s7ecatalogviewer .s7imagemapeffect .s7region {
border: 1px solid #000000;
background: RGBA(0,0,0,0);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8