彈出縮放檢視

在內嵌縮放模式中，主視圖由靜態影像、在彈出視圖中顯示在靜態影像上的縮放影像以及顯示在靜態影像頂部的提示消息組成。

主檢視器區域的CSS屬性

主檢視的外觀是使用下列CSS類別選擇器來控制：

.s7mixedmediaviewer .s7flyoutzoomview

示例——使主視圖透明：

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

提示訊息的外觀是使用下列CSS類別選擇器來控制：

.s7mixedmediaviewer .s7flyoutzoomview .s7tip

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

提示訊息的CSS屬性

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

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