彈出縮放檢視

在串聯縮放模式下，主視圖由靜態影像組成。 它還包括靜態影像上的彈出視圖中顯示的縮放影像，以及靜態影像頂部顯示的提示資訊。

主查看器區域的CSS屬性

主視圖的外觀由以下CSS類選擇器控制：

.s7mixedmediaviewer .s7flyoutzoomview

CSS屬性

說明

背景色

主視圖的背景顏色。

示例 — 使主視圖透明：

.s7mixedmediaviewer .s7flyoutzoomview {
 background-color: transparent;
}

提示消息的外觀由以下CSS類選擇器控制：

.s7mixedmediaviewer .s7flyoutzoomview .s7tip

可以通過CSS配置字型樣式、大小外觀和垂直偏移。 但是，水準對齊由查看器邏輯管理。 使用 left 或 right 不支援屬性。

提示消息的CSS屬性

CSS屬性

說明

背景色

消息背景填充顏色。

邊界半徑

消息背景邊框半徑。

底部

從主視圖底部偏移。

color

提示文本顏色。

字型大小

字型大小.

字型系列

字型系列。

不透明度

消息背景不透明度。

填補

在消息文本週圍填充。

提示消息可以本地化。 請參閱 用戶介面元素的本地化 的子菜單。

示例 — 要設定半透明提示消息，其中帶有白色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);
}

本頁內容