Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
donukluk özelliği, bir element için opaklık düzeyini ayarlar.
opaklık seviyesi 0.5,% 50 transparan ve 0 tamamen saydamdır, 1 tüm şeffaf değildir saydamlık seviyesi, tarif etmektedir.
| Varsayılan değer: | 1 |
|---|---|
| Miras: | no |
| canlandırılabilir: | yes, see individual properties . Read about animatable Try it |
| Versiyon: | CSS3 |
| JavaScript sözdizimi: | object .style.opacity="0.5" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| opacity | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Not: IE8 ve önceki sürümleri bir alternatif, filtre özelliğini destekler. Gibi: filter: Alpha(opacity=50) .
CSS sözdizimi
opacity: Mülkiyet Değerler değer Açıklama Oynat number opaklığını belirtir. Gönderen 0.0 (fully transparent) 1.0 (fully opaque) Oynat " initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun Oynat " inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
Diğer Örnekler
Örnek
Bir element için saydamlığını değiştirmek için JavaScript nasıl kullanılır:
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!");
}
} Kendin dene "
İlgili Sayfalar
CSS öğretici: CSS Görüntü Opaklık / Saydamlık
HTML DOM referansı: opacity property