“关闭”按钮

Selecting or tapping this button closes the containing web page. 仅当closebutton参数设置为1时，才会显示此按钮。 此按钮在桌面系统上不可用。 You can size, skin, and position this button by using CSS.

主查看器区域的CSS属性

通过以下CSS类选择器控制按钮的外观：

.s7ecatalogviewer .s7closebutton

CSS属性

说明

顶端

从主控制栏的上边框的位置，包括内边距。

右

从主控制栏的右边框的位置，包括内边距。

左侧

从主控制栏左边框的位置，包括内边距。

底部

从主控制栏的下边框的位置，包括内边距。

width

按钮的宽度。

height

Height of the button.

背景图像

为给定按钮状态显示的图像。

背景位置

在图稿Sprite中放置（如果使用CSS Sprite）。

另请参阅 CSS Sprite .

注意

此按钮支持 state 属性选择器，您可以使用该选择器将不同的外观应用到不同的按钮状态。

The button tool tip can be localized. 请参阅 用户界面元素的本地化 以了解更多信息。

Example - To set up a Close button that is 56 x 56 pixels and is positioned 4 pixels from the top and right edge of the main control bar. 最后，针对四个不同的按钮状态中的每个状态显示一个不同的图像。

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

在此页面上