图像映射效果 image-map-effect
根据mode参数的值，查看器会在地图最初在Dynamic Media Classic中创作的位置的主视图上显示图像映射图标，或者呈现与原始图像映射形状匹配的精确区域。
主查看器区域的 CSS属性
图像映射图标的外观由以下CSS类选择器控制：
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon
NOTE
以前用于设置图像映射图标样式的
s7mapoverlay CSS类现已弃用；请改用s7icon。CSS属性
说明
背景图像
图像映射图标图稿。
背景位置
如果使用CSS sprite，则定位在图稿sprite中。
另请参阅 CSS Sprite。
宽度
图像映射图标宽度（像素）。
高度
图像映射图标高度（以像素为单位）。
NOTE
图像映射图标支持
state属性选择器，您可以使用它对default和active的图标状态应用不同的外观。示例 — 设置一个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
CSS属性
说明
背景
图像映射区域填充颜色。
以#RRGGBB、RGB(R，G，B)或RGBA(R，G，B，A)格式指定。
背景色
图像映射区域填充颜色。
以#RRGGBB、RGB(R，G，B)或RGBA(R，G，B，A)格式指定。
边框
图像映射区域边框样式。
指定为 宽度纯色颜色 ，其中 宽度 以像素表示， 颜色 设置为#RRGGBB，RGB(R，G，B)或RGBA(R，G，B，A)。
示例 — 设置具有1像素黑色边框的透明图像映射区域：
.s7ecatalogsearchviewer .s7imagemapeffect .s7region {
border: 1px solid #000000;
background: RGBA(0,0,0,0);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8