Opacity ile Elementlere Saydamlık Verme

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;}

Programın Çıktısı

opacity yok
opacity 0.8
opacity 0.6
opacity 0.4
opacity 0.2

Mesaj ve Yorumlar

Yorum Sayısı (0)

ÜYE YORUMLARI

Çevrimiçi :
8
Günlük :
106
Haftalık :
344
Aylık :
1136
Copyright © 2010 İşbara Alp Sönmez – Programlama Örnekleri. Her hakkı saklıdır. www.alpsonmez.com Bu sitedeki herhangi bir içeriğin, "herhangi bir sitede veya forumda" iznim dışında paylaşım yapılması durumunda hukuki dava açacağımı tarafınıza arz ederim. "Öğrenciler dilediği gibi kullanabilir."