Knappen Stäng close-button
Om du klickar eller trycker på den här knappen stängs webbsidan som innehåller innehållet. Den här knappen visas bara om parametern closeButton är inställd på 1. Du kan ändra storlek, skal och position för knappen med hjälp av CSS.
CSS-egenskaper för huvudvisningsområdet
Knappens utseende styrs med följande CSS-klassväljare:
.s7basiczoomviewer .s7closebutton
CSS-egenskap
Beskrivning
top
Placera från den övre kanten, inklusive utfyllnad.
höger
Placera från den högra kanten, inklusive utfyllnad.
vänster
Placera från den vänstra kanten, inklusive utfyllnad.
nederkant
Placera från den nedre kanten, inklusive utfyllnad.
width
Knappens bredd.
height
Knappens höjd.
background-image
Bilden som visas för ett visst knappläge.
background-position
Placera inuti en teckningssprite, om CSS-sprites används.
Se CSS-fragment.
NOTE
Den här knappen har stöd för
state attributväljare, som kan användas för att tillämpa olika skal på olika knapplägen.Knappens funktionsbeskrivning kan lokaliseras. Se Lokalisering av användargränssnittselement för mer information.
Exempel - för att ställa in en stängningsknapp som är 32 x 32 pixlar och placerad sex pixlar från den övre och högra kanten av visningsprogrammet. Den måste visa olika bilder för vart och ett av de fyra olika knapplägena.
.s7basiczoomviewer .s7closebutton {
top:6px;
right:6px;
width:32px;
height:32px;
}
.s7basiczoomviewer .s7closebutton [state='up'] {
background-image:url(images/v2/CloseButton_dark_up.png);
}
.s7basiczoomviewer .s7closebutton [state='over'] {
background-image:url(images/v2/CloseButton_dark_over.png);
}
.s7basiczoomviewer .s7closebutton [state='down'] {
background-image:url(images/v2/CloseButton_dark_down.png);
}
.s7basiczoomviewer .s7closebutton [state='disabled'] {
background-image:url(images/v2/CloseButton_dark_disabled.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8