Bildtext, knapp
Skapat för:
- Utvecklare
- Användare
Aktiverar och inaktiverar visning av undertexter. Den är inte synlig om bildtextparametern inte har angetts. Du kan använda CSS för att ändra storlek på, skalförändra och placera den här knappen i förhållande till kontrollfältet som innehåller den.
CSS-egenskaper för huvudvisningsområdet
Knappens utseende styrs med följande CSS-klassväljare:
.s7mixedmediaviewer .s7closedcaptionbutton
| CSS-egenskap | Beskrivning |
|---|---|
| övre | Placera från den övre kanten, inklusive utfyllnad. |
| höger | Placera från den högra kanten, inklusive utfyllnad. |
| kvar | 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. |
NOTEstate och valda attributväljare, som kan användas för att tillämpa olika skal på olika knapplägen. I synnerhet motsvarar selected='true' läget när bildtexter är synliga och selected='false' används när bildtexter är dolda.Knappens funktionsbeskrivning kan lokaliseras. Mer information finns i Lokalisering av användargränssnittselement.
Exempel - Om du vill ställa in en knapp för undertexter som är 28 x 28 pixlar, placerad fyra pixlar uppifrån och 68 pixlar från kontrollfältets högra kant. Och slutligen, visar en annan bild för vart och ett av de fyra olika knapplägena när de är markerade eller inte markerade.
.s7mixedmediaviewer .s7closedcaptionbutton {
position:absolute;
top:4px;
right:68px;
width:28px;
height:28px;
}
.s7mixedmediaviewer .s7closedcaptionbutton[selected='true'][state='up'] {
background-image:url(images/v2/ClosedCaptionButton_up.png);
}
.s7mixedmediaviewer .s7closedcaptionbutton[selected='true'][state='over'] {
background-image:url(images/v2/ClosedCaptionButton_over.png);
}
.s7mixedmediaviewer .s7closedcaptionbutton[selected='true'][state='down'] {
background-image:url(images/v2/ClosedCaptionButton_down.png);
}
.s7mixedmediaviewer .s7closedcaptionbutton[selected='true'][state='disabled'] {
background-image:url(images/v2/ClosedCaptionButton_disabled.png);
}
.s7mixedmediaviewer .s7closedcaptionbutton[selected='false'][state='up'] {
background-image:url(images/v2/ClosedCaptionButton_disabled.png);
}
.s7mixedmediaviewer .s7closedcaptionbutton[selected='false'][state='over'] {
background-image:url(images/v2/ClosedCaptionButton_over.png);
}
.s7mixedmediaviewer .s7closedcaptionbutton[selected='false'][state='down'] {
background-image:url(images/v2/ClosedCaptionButton_down.png);
}
.s7mixedmediaviewer .s7closedcaptionbutton[selected='false'][state='disabled'] {
background-image:url(images/v2/ClosedCaptionButton_disabled.png);
}