Exemplu
Setați nivelul de opacitate pentru un <div> Element:
div
{
opacity: 0.5;
}
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea opacitatea stabilește nivelul de opacitate pentru un element.
-Level opacitate descrie nivel de transparență, în cazul în care 1 nu este transparent deloc, 0,5 este de 50% se vedea prin, iar 0 este complet transparent.
Valoare implicită: | 1 |
---|---|
Mostenit: | no |
Animatable: | yes, see individual properties . Read about animatable Try it |
Versiune: | CSS3 |
sintaxa JavaScript: | object .style.opacity="0.5" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Proprietate | |||||
---|---|---|---|---|---|
opacity | 4 | 9 | 2.0 | 3.1 | 9 |
Notă: IE8 și versiunile anterioare susține o alternativă, proprietatea filtrului. La fel ca: filter: Alpha(opacity=50) .
CSS Sintaxa
opacity: Valori de proprietate Valoare Descriere Joaca-l number Specifică opacitatea. De la 0.0 (fully transparent) până la 1,0 (fully opaque) Joaca - l » initial Setează această proprietate la valoarea implicită. Citiți despre inițială Joaca - l » inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Mai multe exemple
Exemplu
Cum de a utiliza JavaScript pentru a schimba opacitatea pentru un element:
function myFunction(x) {
// Return the text of the selected option
var opacity = x.options[x.selectedIndex].text;
var el
= document.getElementById("p1");
if (el.style.opacity
!== undefined) {
el.style.opacity = opacity;
} else {
alert("Your browser doesn't support this example!");
}
} Încearcă - l singur »
Pagini similare
Tutorial CSS: CSS Image Opacitate / transparență
HTML DOM referință: opacity property