缩放视图图标效果

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

主查看器区域的CSS属性

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

.s7mixedmediaviewer .s7zoomview .s7iconeffect

CSS属性

说明

背景图像

缩放指示器图稿。

背景位置

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

请参阅 CSS Sprite .

width

缩放指示器宽度。

height

缩放指示器高度。

注意

图标效果支持 media-type 属性选择器,您可以使用该选择器对不同设备应用不同的图标效果。 特别是, media-type='standard' 对应于通常使用鼠标输入的桌面系统,并 media-type='multitouch' 对应于具有触控输入的设备。

示例 — 为台式机系统和触控设备设置100 x 100像素缩放指示器,其艺术方式不同。

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

在此页面上