影像映射效果

根據模式參數的值,查看器在地圖最初創作於Dynamic Media Classic的地方主視圖上顯示影像映射表徵圖。 或者,它會呈現與原始影像映射的形狀匹配的精確區域。

主查看器區域的CSS屬性

影像映射表徵圖的外觀由以下CSS類選擇器控制:

.s7ecatalogviewer .s7imagemapeffect .s7icon
注意

s7mapoverlay 過去用於樣式影像映射表徵圖的CSS類現在已棄用;使用 s7icon 的雙曲餘切值。

CSS屬性

說明

背景影像

影像映射表徵圖圖稿。

背景位置

如果使用CSS浮雕,則在圖稿浮雕內定位。

另請參閱 CSS繁體

width

影像映射表徵圖寬度(以像素為單位)。

height

影像映射表徵圖高度(以像素為單位)。

注意

影像映射表徵圖支援 state 屬性選擇器,可用於將不同的外觀應用於 defaultactive

示例 — 設定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)格式指定。

border

影像映射區域邊框樣式。

指定為 寬度 堅固 顏色 ,也請參見Wiki頁。 寬度 以像素和 顏色 設定為#RRGGBB、RGB(R,G,B)或RGBA(R,G,B,A)。

示例 — 設定透明影像映射區域 1 像素黑色邊框:

.s7ecatalogviewer .s7imagemapeffect .s7region {
 border: 1px solid #000000;
 background: RGBA(0,0,0,0);
}

本頁內容