彈出縮放檢視

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

主查看器區域的CSS屬性

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

.s7mixedmediaviewer .s7flyoutzoomview

CSS屬性

說明

背景色

主視圖的背景顏色。

示例 — 使主視圖透明:

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

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

.s7mixedmediaviewer .s7flyoutzoomview .s7tip

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

提示消息的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);
}

本頁內容