Chiudi pulsante close-button

Selezionando o toccando questo pulsante si chiude la pagina Web contenitore. Questo pulsante viene visualizzato solo se il parametro closebutton è impostato su 1. Questo pulsante non è disponibile nei sistemi desktop. Potete ridimensionare, interfacciare e posizionare questo pulsante utilizzando i CSS.

Proprietà CSS dell'area visualizzatore principale

L'aspetto del pulsante è controllato con i seguenti selettore di classe CSS:

.s7ecatalogviewer .s7closebutton

Proprietà CSS
Descrizione
In alto
Posizione dalla parte superiore bordo della barra di controllo principale, compresa la spaziatura.
A destra
Posizione dal bordo destro della barra di controllo principale, compresa la spaziatura.
A sinistra
Posizione dal bordo sinistro della barra di controllo principale, compresa la spaziatura.
Fondoschiena
Posizione dal bordo inferiore della barra di controllo principale, compresa la spaziatura.
Larghezza
Larghezza del pulsante.
altezza
Altezza del pulsante.
immagine di sfondo
Immagine visualizzata per uno stato pulsante specificato.
posizione sfondo

Posizione all'interno dello sprite dell'illustrazione, se vengono utilizzati sprite CSS.

Vedere anche CSS Sprites.

NOTE
Questo supporta pulsante il state selettore attributo, che potete utilizzare per applicare interfacce diverse a diversi stati pulsante.

Il suggerimento strumento pulsante può essere localizzato. Per ulteriori informazioni, consulta Localizzazione di utente elementi dell'interfaccia.

Esempio: per impostare un Chiudi pulsante di 56 x 56 pixel posizionato a 4 pixel dal bordo superiore e destro della barra di controllo principale. Infine, visualizza un'immagine diversa per ciascuno dei quattro diversi stati pulsante.

.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);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8