[kiwi244]

Liebe Code-Kundigen,
ich brech mir nun seit etwa 3 Stunden die Finger, gegoogelt habe ich schon, nichts lässt sich so anwenden, wie ich mir das dachte.

Ich dachte folgendes:

Ich will ein Bild auf einer Seite. Beim Überfahren mit der Maus soll das Bild abgedimmt werden (Idee: ein farblich passendes gif (wegenbesserer Lesbarkeit) in der Größe des Hintergrundbildes mit Transparenz über das Bild legen)
und der Text soll erscheinen werden

So wollte ich vorgehen:
einen Link mit Hintergrundbild definieren (im css)
Im Html den Text in einen bzw. zwei nebeneinanderstehenden div s innerhalb des a positionieren
im css einmal für a visibility:hidden; zuweisen,
für a:hover visibility:visible zuweisen.

Ich habe jetzt schon tausend Varianten ausprobiert - ich krieg`s nicht hin. Funktioniert die Idee überhaupt so? Wonach könnt ich denn noch googeln? Ich hab das mal auf einer Seite gesehen, weiß aber weder die Seite noch hab ich damals ausreichend geschaut, wie`s geht

Vielen Dank und liebe Grüße

[Kartöffelchen]

<div class="swapMe">
<img src=bild1.jpg" class="swap1" style="position:absolute;">
<a href="Link-Adresse" class="swap2" style="position:absolute;">Webseitenname</a>
</div>

CSS:
.swapMe img{
-webkit-transition:all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

.swap1,
.swapMe:hover
.swap2{
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
}

.swapMe:hover
.swap1,
.swap2{
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
}

Sowas in der Richtung?

[kiwi244]

Danke, kartöffelchen.
Ich hab`s jetzt nicht getestet, weil ich`s selber gestern noch hinbekommen habe (Rohfassung). Aber mit der browserübergreifenden transition allein kann ich schon was anfangen

Ich hab`s so gelöst, daß ich den Text (viel Text) in div-container gelegt habe, die wiederum im a-Tag sind.
Ein Listenpunkt (das Bild wechselt, bzw. es wird auf manchen Seiten mehrere Bilder geben, deswegen Liste) hat das HG_Bild zugeordnet, die div s dunkeln sich bei hover über das Bild ab, (transition mit rgb-Farbangabe), die linkfarbe der Schrift wird von vormals transparent nun lesbar schwarz.

Vielen Dank nochmal!

Gruß,
kiwi