根据mode参数的值,查看器在最初在Dynamic Media Classic中创作映射的位置的主视图上显示图像映射图标。 或者,它会呈现与原始图像映射形状匹配的精确区域。
主查看器区域的CSS属性
通过以下CSS类选择器控制图像映射图标的外观:
.s7ecatalogviewer .s7imagemapeffect .s7icon
的 s7mapoverlay
过去用于设置图像映射图标样式的CSS类现已弃用;use s7icon
中。
CSS属性 |
说明 |
---|---|
背景图像 |
图像映射图标图稿。 |
背景位置 |
在图稿Sprite中放置(如果使用CSS Sprite)。 另请参阅 CSS Sprite . |
width |
图像映射图标宽度(以像素为单位)。 |
height |
图像映射图标高度(以像素为单位)。 |
图像映射图标支持 state
属性选择器,您可以使用该选择器将不同的外观应用到的图标状态 default
和 active
.
示例 — 设置一个28 x 28像素的图像映射图标,该图标会针对两种不同的图标状态中的每一个状态显示不同的图像。
.s7ecatalogviewer .s7imagemapeffect .s7icon {
height: 28px;
width: 28px;
background-image: url(images/v2/ImageMapEffect_dark_up.png);
}
.s7ecatalogviewer .s7imagemapeffect .s7icon[state="default"] {
opacity: 0.5;
}
.s7ecatalogviewer .s7imagemapeffect .s7icon[state="active"] {
opacity: 1;
}
另请参阅 图像映射支持.
图像映射区域的外观由以下CSS类选择器控制:
.s7ecatalogviewer .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
像素黑色边框:
.s7ecatalogviewer .s7imagemapeffect .s7region {
border: 1px solid #000000;
background: RGBA(0,0,0,0);
}