图标效果
最近更新: 2024年7月20日
创建对象:
- 开发人员
- 用户
旋转指示器覆盖在主视图区域上。 当图像处于重置状态时显示它,并且它还取决于iconeffect参数。
主查看器区域的 CSS属性
查看区域的外观由以下CSS类选择器控制:
.s7spinviewer .s7spinview .s7iconeffect
CSS属性 | 说明 |
---|---|
背景图像 | 旋转指示器图稿。 |
背景位置 |
如果使用CSS sprite,则定位在图稿sprite中。 请参阅 CSS Sprite。 |
宽度 | 旋转指示器宽度。 |
高度 | 旋转指示器高度。 |
旋转指示器支持state
属性选择器,如果存在一维旋转集,该属性选择器将设置为spin_1D
;如果存在多维旋转集,该属性选择器将设置为spin_2D
。
示例 — 设置100 x 100像素的缩放指示器。
.s7spinviewer .s7spinview .s7iconeffect {
width: 100px;
height: 100px;
}
.s7spinviewer .s7spinview .s7iconeffect[state="spin_1D"] {
background-image: url(images/spinIcon_1D.png);
}
.s7spinviewer .s7spinview .s7iconeffect[state="spin_2D"] {
background-image: url(images/spinIcon_2D.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8