图标效果 icon-effect

Last update: Sat Jul 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

主题：

创建对象：

undefined
undefined

缩放指示器覆盖在主视图区域上。当图像处于重置状态时显示它，并且它还取决于iconeffect参数。

查看区域的外观由以下CSS类选择器控制：

.s7ecatalogviewer .s7pageview .s7iconeffect

CSS属性

说明

背景图像

缩放指示器图稿。

背景位置

如果使用CSS sprite，则定位在图稿sprite中。

另请参阅 CSS Sprite。

宽度

缩放指示器宽度（以像素为单位）。

高度

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

NOTE

图标效果支持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);
}

recommendation-more-help

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