图标效果 icon-effect

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

主题：

创建对象：

开发人员
用户

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

主查看器区域的 CSS属性

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

.s7ecatalogsearchviewer .s7pageview .s7iconeffect

CSS属性

说明

背景图像

缩放指示器图稿。

背景位置

如果使用CSS sprite，则定位在图稿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