Hallo Blarch,
Du könntest noch folgendes probieren:
Text und eingegrautes Bild in einen ersten Layer packen (Bild als Hintergrundbild des Layers, Text als Layerinhalt).
Darüber legst Du einen zweiten Layer mit einem transparenten Bild.
(das Bild anlegen 10 x 10 Pixel transparent und mit width und height im Browser skalieren)
Beim Anlegen des zweiten Layers noch darauf achten, daß dieser keine Hintergrundfarbe hat.
Dieses transparente Bild mit einem Pseudolink versehen.
<a href="#">Hier das Bild einbinden</a>
Jetzt kannst Du bei onmouseover und onmouseout über den Pseudolink nur den ersten Layer ein- und ausblenden.
Der zweite Layer, der ganz oben liegt ist durchsichtig und bleibt immer sichtbar.
Gruß Sabine
PS. vielleicht hilft auch noch dieses Beispiel weiter, clearpixel.gif ist das transparente Bild:
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>Layer-Stapel</title>
<style media="screen" type="text/css"><!--
/*für den Layer bildtext noch das eingegraute Hintergrundbild einsetzen*/
#bildtext {position:absolute; width:300px; height:200px; visibility:visible; z-index:100; background-color:#ff0000}
#transparent {position:absolute; width:300px; height:200px; visibility:visible;z-index:200}
--></style>
<script type="text/javascript">
<!--
ns = document.layers ? true : false;
ie = document.all ? true : false;
dom = document.getElementById ? true : false;
function ein(divid){
if(ns){document.layers[divid].visibility="show";}
if(ie){document.all[divid].style.visibility="visible";}
if(dom){ document.getElementById(divid).style.visibility="visible";}
}
function aus(divid){
if(ns){document.layers[divid].visibility="hide";}
if(ie){document.all[divid].style.visibility="hidden";}
if(dom){ document.getElementById(divid).style.visibility="hidden";}
}
// -->
</script>
</head>
<body bgcolor="#ffffff">
<table cellpadding="0" cellspacing="0" border="1">
<tr>
<!-- Diese Zelle sollte per CSS (Klasse einfügen) noch das helle Hintergrundbild bekommen -->
<td valign="top" width="300" height="200">
<div id="transparent">
<a href="#" OnMouseOver="aus('bildtext');" OnMouseOut="ein('bildtext');">
<img src="clearpixel.gif" width="300" height="200" border="0"></a>
</div>
<div id="bildtext">Ich bin ein Layer mit viel Text. Über mir liegt ein anderer Layer mit transparentem Bild.
Beide Layer können sich sogar relativ zur Tabellenzelle ausrichten.
Und wenn jemand mit der Maus hierherkommt, dann bin ich einfach weg :-)</div>
</td></tr></table>
</body>
</html>