關閉按鈕

按一下或點擊此按鈕可關閉包含的網頁。 僅當關閉按鈕參數設定為1時,此按鈕才會出現。 可以使用CSS調整此按鈕的大小、外觀和位置。

主查看器區域的CSS屬性

按鈕的外觀由以下CSS類選擇器控制:

.s7basiczoomviewer .s7closebutton

CSS屬性

說明

頂部

從上邊框定位,包括填充。

右側

從右邊框定位,包括填充。

左側

從左邊框定位,包括填充。

底部

從底邊框定位,包括填充。

width

按鈕的寬度。

height

按鈕的高度。

背景影像

為給定按鈕狀態顯示的影像。

背景位置

如果使用CSS浮雕,則在圖稿浮雕內定位。

請參閱 CSS繁體

注意

此按鈕支援 state 屬性選擇器,可用於將不同外觀應用於不同按鈕狀態。

按鈕工具提示可以本地化。 請參閱 用戶介面元素的本地化 的子菜單。

示例 — 設定一個32 x 32像素的「關閉」按鈕,並從查看器的上邊緣和右邊緣定位六個像素。 它必須為四個不同按鈕狀態中的每個狀態顯示不同的影像。

.s7basiczoomviewer .s7closebutton {
top:6px;
right:6px;
width:32px;
height:32px;
}
.s7basiczoomviewer .s7closebutton [state='up'] {
background-image:url(images/v2/CloseButton_dark_up.png);
}
.s7basiczoomviewer .s7closebutton [state='over'] {
background-image:url(images/v2/CloseButton_dark_over.png);
}
.s7basiczoomviewer .s7closebutton [state='down'] {
background-image:url(images/v2/CloseButton_dark_down.png);
}
.s7basiczoomviewer .s7closebutton [state='disabled'] {
background-image:url(images/v2/CloseButton_dark_disabled.png);
}

本頁內容