CSS opacity ominaisuus
- Edellinen sivu offset-rotate
- Seuraava sivu order
Määritelmä ja käyttö
opacity-ominaisuus asettaa elementin läpinäkyvyysasteen.
Katso myös:
CSS-opas:CSS kuvan läpinäkyvyys
CSS-opas:CSS värit
HTML DOM -viittausopas:opacity-ominaisuus
esimerkki
Aseta div-elementin läpinäkyvyysaste:
div
{
opacity:0.5;
}
Lisää esimerkkejä löydät tällä sivulla alhaalla.
CSS-kieli
opacity: arvo|inherit;
ominaisuusarvo
| arvo | kuvaus | Testi |
|---|---|---|
| arvo | Määritä läpinäkyvyys. 0.0 (täysin läpinäkyvä) asti 1.0 (täysin peittävä). | Testi |
| inherit | Pitäisi perinnäisyyden perusteella ottaa vastaan vanhemman elementin läpinäkyvyysarvo. |
Tekninen yksityiskohta
| Oletusarvo: | 1 |
|---|---|
| Perinnäisyys: | ei |
| Versio: | CSS3 |
| JavaScript-kieli: | object.style.opacity=0.5 |
Lisää esimerkkejä
- Muuta elementin läpinäkyvyyttä
- Tämä esimerkki näyttää, miten JavaScriptillä voidaan muuttaa elementin läpinäkyvyyttä.
Selaimen tuki
Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee täysin tätä ominaisuutta.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Huomautus:IE8 ja aikaisemmat versiot tukevat vaihtoehtoista filter-ominaisuutta. Esimerkiksi: filter:Alpha(opacity=50).
- Edellinen sivu offset-rotate
- Seuraava sivu order
