Schaltfläche „Schließen“
Erstellt für:
- Entwickler
- Benutzende
Durch Klicken auf diese Schaltfläche wird die enthaltene Web-Seite geschlossen. Diese Schaltfläche wird nur angezeigt, wenn der Parameter CloseButton auf 1 gesetzt ist. Sie können diese Schaltfläche mithilfe von CSS skalieren, anpassen und positionieren.
CSS-Eigenschaften des Haupt-Viewer-Bereichs
Das Erscheinungsbild der Schaltfläche wird mit dem folgenden CSS-Klassenselektor gesteuert:
.s7mixedmediaviewer .s7closebutton
| CSS-Eigenschaft | Beschreibung |
|---|---|
| Top- | Position ab dem oberen Rahmen, einschließlich Auffüllung. |
| rechte | Position vom rechten Rand aus, einschließlich Abstand. |
| linker | Position vom linken Rand aus, einschließlich Auffüllung. |
| untere | Position ab dem unteren Rand, einschließlich Abstand. |
| Breite | Breite der Schaltfläche. |
| Höhe | Höhe der Schaltfläche. |
| Hintergrundbild- | Das Bild, das für einen bestimmten Schaltflächenstatus angezeigt wird. |
| Hintergrundposition |
Positionieren Sie sie innerhalb des Bildsets, wenn CSS-Sprites verwendet werden. Siehe von CSS-Sprites. |
NOTEstate-Attributauswahl, mit der verschiedene Skins auf verschiedene Schaltflächenzustände angewendet werden können.Die QuickInfo der Schaltfläche kann lokalisiert werden. Siehe Lokalisierung von Benutzeroberflächenelementen für weitere Informationen.
Beispiel: So richten Sie eine Schaltfläche zum Schließen ein, die 32 x 32 Pixel groß ist und sechs Pixel vom oberen und rechten Rand des Viewers entfernt positioniert ist. Schließlich zeigt für jeden der vier verschiedenen Schaltflächenzustände ein eigenes Bild an.
.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);
}