彈出式縮放檢視 flyout-zoom-view
主檢視由靜態影像和顯示在靜態影像頂端的彈出式檢視中的縮放影像組成。 它也包括顯示在靜態影像頂端的提示訊息。
主要檢視的 CSS屬性
主檢視的外觀是由下列CSS類別選取器所控制：
.s7flyoutviewer .s7flyoutzoomview
CSS屬性
說明
背景色彩
主檢視的背景顏色。
範例 — 讓主檢視透明：
.s7flyoutviewer .s7flyoutzoomview {
background-color: transparent;
}
提示訊息的 CSS屬性
使用下列CSS類別選取器來控制提示訊息的外觀：
.s7flyoutviewer .s7flyoutzoomview .s7tip
您可以透過CSS設定字型樣式、大小、外觀和垂直位移。 不過，水準對齊是由檢視器邏輯管理。 不支援使用left或right屬性透過CSS覆寫它。
CSS屬性
說明
後
從主檢視底部位移。
色彩
文字顏色。
字型系列
字型名稱。
字型大小
字型大小。
內距
訊息文字的邊距。
背景色彩
訊息文字的背景填滿色彩。
邊框半徑
訊息文字的背景邊框半徑。
不透明度
訊息文字的背景不透明度。
對於Internet Explorer 8，請使用篩選器：alpha（不透明度 — ...） )
提示訊息可本地化。 如需詳細資訊，請參閱使用者介面元素的本地化。
.
範例 — 若要使用白色Arial® 12-px字型、距主檢視底部位移50畫素、內邊距和圓角框線來設定半透明提示訊息：
.s7flyoutviewer .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