Botón Cerrar
Creado para:
- Desarrollador
- Usuario
Al pulsar o seleccionar este botón, se cierra la página web contenedora. Este botón sólo aparece si el parámetro closebutton está establecido en 1. Puede cambiar el tamaño, la apariencia y la posición de este botón mediante CSS.
Propiedades CSS del área de visor principal
El aspecto del botón se controla con el siguiente selector de clase CSS:
.s7zoomviewer .s7closebutton
| Propiedad CSS | Descripción |
|---|---|
| principales | Posición desde el borde superior, incluido el relleno. |
| derecho | Posición desde el borde derecho, incluido el relleno. |
| dejó | Posición desde el borde izquierdo, incluido el relleno. |
| inferior | Posición desde el borde inferior, incluido el relleno. |
| ancho | Ancho del botón. |
| altura | Altura del botón. |
| imagen de fondo | Imagen que se muestra para un estado de botón determinado. |
| posición de fondo |
Coloque dentro del icono de ilustración si se utilizan iconos CSS. Ver Sprites CSS. |
NOTEstate, que se puede utilizar para aplicar diferentes aspectos a diferentes estados de botones.La información del objeto del botón se puede localizar. Consulte Localización de elementos de la interfaz de usuario.
Ejemplo: Para configurar un botón Cerrar de 32 x 32 píxeles y situado a seis píxeles de la parte superior y del borde derecho del visor. Y, finalmente, muestra una imagen diferente para cada uno de los cuatro estados de botón diferentes.
.s7zoomviewer .s7closebutton {
top:6px;
right:6px;
width:32px;
height:32px;
}
.s7zoomviewer .s7closebutton [state='up'] {
background-image:url(images/v2/CloseButton_dark_up.png);
}
.s7zoomviewer .s7closebutton [state='over'] {
background-image:url(images/v2/CloseButton_dark_over.png);
}
.s7zoomviewer .s7closebutton [state='down'] {
background-image:url(images/v2/CloseButton_dark_down.png);
}
.s7zoomviewer .s7closebutton [state='disabled'] {
background-image:url(images/v2/CloseButton_dark_disabled.png);
}