熱點

檢視器會在主檢視上顯示熱點圖示,這些熱點原本是在AEM AssetsDynamic Media-隨選地區製作的。

主檢視器區域的CSS屬性

熱點表徵圖的外觀由下列CSS類別選擇器控制:

.s7interactiveimage .s7imagemapeffect .s7icon

CSS屬性

說明

背景影像

熱點表徵圖圖稿。

背景位置

如果使用CSS精靈,請放在圖稿精靈內。

請參閱 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); 
}

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now