CSS Saydam Görsel - Image Opacity

css kod


Internet Explorer için saydam görsel özelliği filter: alpha(opacity=x) ile sağlanır, 0 ile 100 arası saydamlık değeri verilebilir. Diğer tarayıcılar için ise opacity: x ile sağlanır ve 0.0 ile 1.0 arası saydamlık değeri alabilir. Kodumuzun aşağıdadır.


Örnek olarak görelim...
saydam_gorsel saydam_gorsel
İlk örneğin kodunu görelim...
<img src="test.jpg" width="200" height="150" alt="yuklenemedi" 
style="opacity: 1.0; filter: alpha(opacity=100);" 
onmouseover="this.style.opacity=0.6; this.filters.alpha.opacity=60" 
onmouseout="this.style.opacity=1.0; this.filters.alpha.opacity=100" />
İkinci örneğin kodunu görelim...
<img src="test.jpg" width="200" height="150" alt="yuklenemedi" 
style="opacity: 0.6; filter: alpha(opacity=60);" 
onmouseover="this.style.opacity=1.0; this.filters.alpha.opacity=100" 
onmouseout="this.style.opacity=0.6; this.filters.alpha.opacity=60" />

0 yorum: