弹出缩放视图 flyout-zoom-view
在内联缩放模式下，主视图由静态图像组成。 此外，它还包括显示在静态图像的弹出视图中的缩放图像，以及显示在静态图像顶部的提示消息。
主查看器区域的 CSS属性
主视图的外观由以下CSS类选择器控制：
.s7mixedmediaviewer .s7flyoutzoomview
CSS属性
说明
背景色
主视图的背景颜色。
示例 — 使主视图透明：
.s7mixedmediaviewer .s7flyoutzoomview {
background-color: transparent;
}
使用以下CSS类选择器来控制提示消息的外观：
.s7mixedmediaviewer .s7flyoutzoomview .s7tip
可以通过CSS配置字体样式、大小外观和垂直偏移。 但是，水平对齐是由查看器逻辑管理的。 不支持使用left或right属性通过CSS覆盖它。
提示消息的 CSS属性
CSS属性
说明
背景色
消息背景填充颜色。
边框半径
邮件背景边框半径。
后
从主视图底部偏移。
颜色
提示文本颜色。
字体大小
字体大小。
字体系列
字体系列。
不透明度
消息后台不透明度。
填充
在消息文本周围填充。
可对提示消息进行本地化。 有关详细信息，请参阅用户界面元素的本地化。
示例 — 要设置具有白色Arial® 12-px字体、距主视图底部50像素偏移量、内边距和圆角边框的半透明提示消息：
.s7mixedmediaviewer .s7flyoutzoomview .s7tip {
bottom: 50px;
color: #ffffff;
font-family: Arial;
font-size: 12px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 12px;
padding-right: 12px;
background-color: #000000;
border-radius: 4px;
opacity: 0.5;
filter: alpha(opacity = 50);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8