Transparan resimler genelde photoshop’ta hazırlanır ve üzerine gelince transpan olmayan başka bir resmin görüntülenmesi gibi bir özellik verilir JavaScript ile uzun uzun. Oysa CSS ile bir kaç satır kodda bu işi tek bir resim üzerinde hiç resim düzenleme yazılımlarını kullanmadan yapabilirsiniz.
<style type=”text/css”>
.transparan img{
filter:Alpha(opacity=85);
-moz-opacity: 0.7;
}.transparan:hover img{
filter:Alpha(opacity=100);
-moz-opacity: 1;
}
</style>
bu stil kodlarını aşağıda ki şekilde kullanabilirsiniz.
<a href=”http://www.teknove.com” class=”transparan”><img src=”http://www.fileden.com/files/2007/6/14/1176467/teknovebanner.jpg”></a>
ben bir deneme yaptım ama siyah bir bg atıyor sanki…imajın etrafında sıyah glow varmış gibi bunu nasıl çözebiliriz…