图像映射效果 image-map-effect
根据mode参数的值,查看器会在地图最初在Dynamic Media Classic中创作的位置的主视图上显示图像地图图标,或者渲染与原始图像地图形状匹配的精确区域。
主查看器区域的CSS属性
图像映射图标的外观由以下CSS类选择器控制:
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon
NOTE
此
s7mapoverlay
以前用于样式化图像映射图标的CSS类现已弃用;请使用 s7icon
而是。CSS属性
说明
background-image
图像映射图标图稿。
background-position
如果使用CSS sprite,则定位在图稿sprite内。
另请参阅 CSS脚本.
width
图像映射图标宽度(像素)。
height
图像映射图标高度(以像素为单位)。
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)格式指定。
background-color
图像映射区域填充颜色。
以#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