İki resim kullanmaya gerek yok, belki css işini görür, yalnız bu mozilla ve IE'de farklı kullanılır.
Kod:
<img scr="xxx.gif" style="filter:alpha(opacity=65)" onMouseOver="this.filters.alpha.opacity=100" onMouseOut="this.filters.alpha.opacity=65"';>
Bahsettiğin sitede şu kullanılmış, aynı olay yalnız burada tarayıcı kontrolu yapılıyor ve ona göre img'nin css'sini belirliyor.
Kod:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if ((navigator.appName.indexOf('Microsoft')+1)) {
document.write('<style type="text/css"> .opacity1 {filter:alpha(opacity=50)} .opacity2 {filter:alpha(opacity=100)} </style>'); }
if ((navigator.appName.indexOf('Netscape')+1)) {
document.write('<style type="text/css"> .opacity1 {-moz-opacity:0.5}.opacity2 {-moz-opacity:1} </style>'); }else {
document.write(''); }
// End -->
</script>
<img src="tbf.gif" border="0" class="opacity1" onmouseover="this.className='opacity2'" onmouseout="this.className='opacity1'"></a>