表徵圖效果

縮放指示器覆蓋在主視圖區域上。 當影像處於重置狀態時，就會顯示它，而且它還取決於iconeffect參數。

查看區域的外觀由以下CSS類選擇器控制：

.s7ecatalogviewer .s7pageview .s7iconeffect

CSS屬性

說明

背景 — 影像

縮放指示器圖稿。

背景位置

如果使用CSS精靈，則位於圖稿精靈內。

另請參閱 CSS Sprite .

width

縮放指示器寬度（像素）。

height

縮放指示器高度（像素）。

注意

表徵圖效果支援 media-type 屬性選取器，您可以使用該屬性選取器，對不同裝置套用不同的圖示效果。 特別是， media-type='standard' 與通常使用滑鼠輸入的案頭系統相對應， media-type='multitouch' 對應至具有觸控輸入的裝置。

範例：針對案頭系統和觸控裝置，使用不同藝術設定100 x 100像素縮放指示器。

.s7ecatalogviewer .s7pageview .s7iconeffect {
 width: 100px;
 height: 100px;
}
.s7ecatalogviewer .s7pageview .s7iconeffect[media-type='standard'] {
 background-image:url(images/v2/IconEffect_zoom.png);
}
.s7ecatalogviewer .s7pageview .s7iconeffect[media-type='multitouch'] {
 background-image:url(images/v2/IconEffect_pinch.png);
}

本頁內容