CSS'te nesneleri saydamlaştırmak için opacity özelliğini kullanıyoruz.
<style>
.saydam {
width:140px;
height:40px;
background-color:#000066;
color:white;
margin-bottom:2px;
text-align:center;
line-height:40px;
opacity:0.8;
}
</style>
<div class="saydam">opacity yok</div>
opacity: 0.5; CSS' saydamlık ayarıdır. Firefox, Safari ve Opera'da çalışmaktadır.
filter:alpha(opacity=50); Internet Explorer için
-moz-opacity: 0.5; Eski Mozilla tarayıcıları için
-khtml-opacity: 0.5; Safari'nin eski versiyonları için
a.saydam {opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;}