在热点最初是在AEM AssetsDynamic Media中创作的地方,查看器会在主视图上显示热点图标 — 按需。
主查看器区域的CSS属性
通过以下CSS类选择器控制热点图标的外观:
.s7interactiveimage .s7imagemapeffect .s7icon
CSS属性 |
说明 |
---|---|
背景图像 |
热点图标图稿。 |
背景位置 |
在图稿快照集内放置(如果使用CSS快照)。 请参阅 CSS Sprite 。 |
width |
热点图标宽度。 |
height |
热点图标高度。 |
示例 — 设置一个56 x 56像素的热点图标,该图标针对两种不同的图标状态中的每一个状态显示不同的图像:
.s7interactiveimage .s7imagemapeffect .s7icon {
background-image: url(images/v2/imagemap/ImageMapEffect_icon1_light_up_touch.png);
width: 56px;
height: 56px;
}
.s7interactiveimage .s7imagemapeffect .s7icon:hover {
background-image: url(images/v2/imagemap/ImageMapEffect_icon1_light_over_touch.png);
}