根據模式參數的值,查看器在地圖最初創作於Dynamic Media Classic的地方主視圖上顯示影像映射表徵圖。 或者,它會呈現與原始影像映射的形狀匹配的精確區域。
主查看器區域的CSS屬性
影像映射表徵圖的外觀由以下CSS類選擇器控制:
.s7ecatalogviewer .s7imagemapeffect .s7icon
的 s7mapoverlay
過去用於樣式影像映射表徵圖的CSS類現在已棄用;使用 s7icon
的雙曲餘切值。
CSS屬性 |
說明 |
---|---|
背景影像 |
影像映射表徵圖圖稿。 |
背景位置 |
如果使用CSS浮雕,則在圖稿浮雕內定位。 另請參閱 CSS繁體 。 |
width |
影像映射表徵圖寬度(以像素為單位)。 |
height |
影像映射表徵圖高度(以像素為單位)。 |
影像映射表徵圖支援 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)格式指定。 |
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);
}