Al seleccionar este botón, se cierra la página web contenedora. Este botón solo aparece si el parámetro close button está establecido en 1. Puede cambiar el tamaño, el aspecto y la posición de este botón mediante CSS.
Propiedades CSS del área principal del visor
El aspecto del botón se controla con el siguiente selector de clase CSS:
.s7mixedmediaviewer .s7closebutton
CSS, propiedad |
Descripción |
---|---|
parte superior |
Posición desde el borde superior, incluido el relleno. |
derecha |
Posición desde el borde derecho, incluido el relleno. |
izquierda |
Posición desde el borde izquierdo, incluido el relleno. |
parte inferior |
Posición desde el borde inferior, incluido el relleno. |
width |
Anchura del botón. |
height |
Altura del botón. |
imagen de fondo |
Imagen que se muestra para un estado de botón determinado. |
posición de fondo |
Sitúe dentro de la ilustración sprite, si se utilizan sprites CSS. Consulte Sprites CSS . |
Este botón admite la variable state
selector de atributos, que se puede utilizar para aplicar diferentes aspectos a distintos estados de botones.
La información del botón se puede localizar. Consulte Localización de los elementos de la interfaz de usuario para obtener más información.
Ejemplo: para configurar un botón de cierre de 32 x 32 píxeles y colocar seis píxeles desde el borde superior y derecho del visor. Finalmente, muestra una imagen diferente para cada uno de los cuatro estados de botones diferentes.
.s7mixedmediaviewer .s7closebutton {
top:6px;
right:6px;
width:32px;
height:32px;
}
.s7mixedmediaviewer .s7closebutton [state='up'] {
background-image:url(images/v2/CloseButton_dark_up.png);
}
.s7mixedmediaviewer .s7closebutton [state='over'] {
background-image:url(images/v2/CloseButton_dark_over.png);
}
.s7mixedmediaviewer .s7closebutton [state='down'] {
background-image:url(images/v2/CloseButton_dark_down.png);
}
.s7mixedmediaviewer .s7closebutton [state='disabled'] {
background-image:url(images/v2/CloseButton_dark_disabled.png);
}