Üzerine gelince saydamlığı değişen resim

27-12-2007, 18:20:07

<html>
<head>
<title> Üzerine gelince saydamlığı değişen resim</title>
<style type="text/css">
.class1 {
-moz-opacity:0.3;
filter:alpha(opacity=30);
}
.class2 {
-moz-opacity:1;
filter:alpha(opacity=100);
}
</style>
</head>
<body>
<img src="resim.jpg" class="class1" onmouseover="this.className='class2;'" onmouseout="this.className='class1';">
</body>
</html>

arkadaşlar ilk paylaşımım..
bu kod Üzerine gelince saydamlığı değişen resim kodudur..
şimdiden söyleyeyim Internet Explorer 6 'da çalışmayabilir..( ben denedim bi kaç kere çalıştı bi kaç kere çalışmadı..)
Internet Explorer 7'de çalışıyor..
" -moz-opacity:0.3; " bu kod ise mozilla içindir. iki filter olması çalışmasını önmelez..hangi browserda açarsanız o kodu çalıştırır sorun olmaz...
saygılar..

27-12-2007, 18:21:18

#2