彈出縮放檢視

在內聯縮放模式中,主視圖由靜態影像、彈出視圖中顯示的縮放影像和顯示在靜態影像頂部的提示消息組成。

主查看器區域的CSS屬性

主要檢視的外觀由下列CSS類別選取器控制:

.s7mixedmediaviewer .s7flyoutzoomview

CSS屬性

說明

背景顏色

主視圖的背景顏色。

範例 — 若要讓主檢視透明:

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

提示訊息的外觀由下列CSS類別選取器控制:

.s7mixedmediaviewer .s7flyoutzoomview .s7tip

您可以透過CSS來設定字型樣式、大小外觀和垂直偏移。 不過,水準對齊方式是由檢視器邏輯管理。 不支援使用leftright屬性透過CSS覆寫它。

提示訊息的CSS屬性

CSS屬性

說明

背景顏色

訊息背景填色顏色。

邊框半徑

訊息背景邊框半徑。

底部

從主視圖底部偏移。

color

提示文字顏色。

字型大小

字型大小.

字型系列

字型系列。

不透明度

消息背景不透明度。

填補

在訊息文字周圍填補。

提示訊息可本地化。 如需詳細資訊,請參閱使用者介面元素本地化

示例 — 要設定半透明的尖端消息,其字型為白色Arial 12px,距主視圖底部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); 
}

本頁內容