Hallo Ihr alle!
Ich möchte einen Bildlink mit einem Mouseover/Hover Effekt versehen. In meinem speziellen Fall scheint das aber nicht so ohne weiteres möglich.
Ich habe ein Modul "Eigener HTML-Code" angelegt.
Inhalt:
<div id="button1">
<a href="{{link_url::8}}"><img src="tl_files/layout/button1.png" alt="Button1" /></a>
</div>
Über die Seitenlayouts habe ich es in die Seite eingebunden und im CSS als #button1 an die richtige Stelle verschoben.
Jetzt möchte ich aber das Bild beim überfahren der Maus tauschen. Dazu habe ich eine CSS-Definition #button1 a:hover angelegt. In dieser habe ich das neue Bild angegeben. Das funktioniert auch. Leider liegt das Bild aus dem Modul immer darüber. Mit dem z index habe ich nichts erreicht.
Ich hab bestimmt wieder einen total doofen Denkfehler.
Lesezeichen