热点

上次更新: 2023-05-26
  • 创建对象:
  • Developer
    User

当热点最初是在AEM Assets的Dynamic Media中创作时,查看器会在主视图上显示热点图标(按需)。

主查看器区域的CSS属性

热点图标的外观由以下CSS类选择器控制:

.s7interactiveimage .s7imagemapeffect .s7icon

CSS属性

说明

background-image

热点图标图稿。

background-position

如果使用CSS sprite,则定位到图稿sprite内。

参见 CSS脚本 .

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);
}

在此页面上