[cansurmeli]

Merhaba.

Acaba CSS ile herhangi bir div'e veya layer'a nasıl saydamlık(opacity) kazandırabilirim?

[BYK]

Mozilla tabanlı tarayıcılarda "opacity: 0.5" gibi 1 ile 0 arasında bir değer girerek bunu yapabilirsin. internet Explorer'da ise "filter:alpha(50)" gibi bir ifadeydi yanlış hatırlamıyorsam. Burada da 50 yerine 100 ile 0 arasında bir sayı yazabilirsin. Yalnız internet Explorer'da bu işlemi yaptığında saydamlık verdiğin elemanın arkaplanı için bir renk belirlenmemişse yazılar gayet çirkin bir hal alıyor. Aklında bulunsun

Ayrıca bu değerleri JavaScript'te bir zamanlayıcı kullanarak hızlıca ve belirli bir kurala göre değiştirirsen çok hoş saydamlık geçiş efektleri elde edebilirsin.

[VolkanG]

.transparent_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

Burdaki satırların her biri farklı bir browsera hitab ediyor ve hepside geçerli olduğu browser için %50 saydamlık uyguluyor.

[BYK]

-moz-opacity:0.5;
-khtml-opacity: 0.5;

Bu iki satırın hangi tarayıcılara ifade ettiğini de belirtirsen ben de yeni birşeyler öğrenmiş olurum Volkan

[VolkanG]

Merhaba,

-moz-opacity, Mozilla tabanlı eski browserlar için örneğin Netscape

the -khtml-opacity, Safari 1.x için diye biliyorum

[BYK]

Çok teşekkürler

[cansurmeli]

Önerileriniz için teşekkürler.

Peki div'in sadece istediğim bir kısmını nasıl saydam yapabilirim?

[alico]

@cansurmeli

Merhaba şurada hazırladığım sitenin ana sayfasında çalışma resimleri perdesi var ortada. Her perdenin sağ üstün de açıklama var, onun altında ki siyah zemin şeffaştırıldığını görcekseniz.

[BYK]

Direk belirli bir kod yazarak herhangi elemanın belirli bir bölgesini saydam/yarı-saydam yapamazsınız. Bunun için üst üste binmiş elemanlar kullanıp bu elemanlardan bazılarını tam saydam/yarı-saydam bazılarını da normal yapmanız gerekiyor. tabi bu şekilde örnek kullanamdan yazınca kafa karıştırıcı olabiliyor. Yapmak istediğinizi yazarsanız belki daha işe yarar önerilerde bulunabilirim.