Естесно ничего не даст. Потому надо включить мозг и придумать как не подкладывать под нашу картинку затемняющий фон.
Пример: Далеко не лучший вариант но простейший:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
*{margin:0;padding:0}
#container { position:relative;overflow:hidden;background:url('http://javascript.ru/forum/attachment.php?attachmentid=702&stc=1&d=1298243258') 50% 50%;height:277px;cursor:none }
#mask {
position:absolute;
border:800px solid #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
</style>
<script type="text/javascript">
window.onload=function(){
var m=document.getElementById('mask').style;
document.getElementById('container').onmousemove=function(e){
e||(e=window.event);
m.cssText='left:'+(e.clientX-899)+'px;top:'+(e.clientY-853)+'px';
}
}
</script>
</head>
<body>
<div id="container">
<img src="http://javascript.ru/forum/attachment.php?attachmentid=699&stc=1&d=1298242362" id="mask">
</div>
</body>
</html>