图标效果

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

主查看器区域的CSS属性

通过以下CSS类选择器控制查看区域的外观:

.s7ecatalogsearchviewer .s7pageview .s7iconeffect

CSS属性

说明

背景图像

缩放指示器图稿。

背景位置

在图稿Sprite中放置(如果使用CSS Sprite)。

另请参阅 CSS Sprite

width

缩放指示器宽度(以像素为单位)。

height

缩放指示器高度(以像素为单位)。

注意

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

在此页面上