zamiast js, css

dla IE, stwórz plik ie.css
Kod
#footer a img, ul.image a img {
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
}
#footer a:hover img, ul.image a:hover img {
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
dla FF, style.css
Kod
#footer a img {opacity: 0.75; vertical-align: middle;}
#footer a:hover img {opacity: 1;}
strone daj tak:
Kod
<html>
<head>
<link rel='stylesheet' type='text/css' href='style.css'>
<!--[if IE]> <link rel='stylesheet' type='text/css' href='ie.css'> <![endif]-->
</head>
<body style="background-color: black;">
<div id='footer'>
<a href='http://jigsaw.w3.org/css-validator/check/referer?profile=css3' target='_blank'><img src='img/css.png'alt='Poprawny CSS' border='0'></a>
<a href='http://validator.w3.org/check?uri=referer' target='_blank'><img src='img/html.png' alt='Poprawny HTML 4.01 Strict!' border='0'></a>
</div>
</body>
'żywy' przykład na strone
id2it.pl