在串聯縮放模式下,主視圖由靜態影像組成。 它還包括靜態影像上的彈出視圖中顯示的縮放影像,以及靜態影像頂部顯示的提示資訊。
主查看器區域的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);
}