图像映射效果

根据mode参数的值，查看器会在地图最初在Dynamic Media Classic中创作的位置的主视图上显示图像地图图标，或者渲染与原始图像地图形状匹配的精确区域。

主查看器区域的CSS属性

图像映射图标的外观由以下CSS类选择器控制：

.s7ecatalogsearchviewer .s7imagemapeffect .s7icon

示例 — 设置一个28 x 28像素的图像映射图标，该图标会为两种不同的图标状态分别显示不同的图像。

.s7ecatalogsearchviewer .s7imagemapeffect .s7icon {
 height: 28px;
 width: 28px;
 background-image: url(images/v2/ImageMapEffect_dark_up.png);
}
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon[state="default"] {
 opacity: 0.5;
}
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon[state="active"] {
opacity: 1;
}

另请参阅 图像映射支持.

图像映射区域的外观由以下CSS类选择器控制：

.s7ecatalogsearchviewer .s7imagemapeffect .s7region

示例 — 使用设置透明图像映射区域 1 像素黑边框：

.s7ecatalogsearchviewer .s7imagemapeffect .s7region {
 border: 1px solid #000000;
 background: RGBA(0,0,0,0);
}