Bouton Fermer close-button
Sélectionner ou appuyer sur ce bouton ferme la page web qui le contient. Ce bouton n'apparaît que si le paramètre closebutton est défini sur 1. Ce bouton n'est pas disponible sur les ordinateurs de bureau. Vous pouvez dimensionner, habiller et positionner ce bouton à l’aide de CSS.
Propriétés CSS de la zone de visionneuse principale
L’aspect du bouton est contrôlé avec le sélecteur de classe CSS suivant :
.s7ecatalogviewer .s7closebutton
Position à l’intérieur du sprite de l’illustration, si des sprites CSS sont utilisés.
Voir aussi desSprites CSS.
state, que vous pouvez utiliser pour appliquer différents habillages à différents états de bouton.L’info-bulle du bouton peut être localisée. Voir Localisation des éléments de l’interface utilisateur pour plus d’informations.
Exemple - Pour configurer un bouton Fermer de 56 x 56 pixels positionné à 4 pixels des bords supérieur et droit de la barre de contrôle principale. Enfin, affiche une image différente pour chacun des quatre états de bouton différents.
.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);
}