圖示效果 icon-effect

Last update: Mon Jul 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

主題：

建立對象：

開發人員
使用者

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

主要檢視器區域的 CSS屬性

檢視區域的外觀是由下列CSS類別選取器所控制：

.s7ecatalogsearchviewer .s7pageview .s7iconeffect

CSS屬性

說明

背景影像

縮放指示器圖稿。

背景位置

若使用CSS拼寫，則定位在圖稿sprite內。

另請參閱 CSS Sprite。

寬度

以畫素為單位的縮放指標寬度。

高度

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

NOTE

圖示效果支援media-type屬性選取器，可用來將不同的圖示效果套用至不同的裝置。特別是，media-type='standard'對應到一般使用滑鼠輸入的桌上型電腦系統，media-type='multitouch'對應到具有觸控輸入的裝置。

範例 — 設定100 x 100畫素縮放指示器，使用案頭系統和觸控裝置的不同藝術品。

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

recommendation-more-help

b7426f53-aad9-4c00-83fc-664f30f681e8