Website Bilder hervorheben lassen - Problem
Hallo :-)
Ich will, dass auf einer Website die Bilder hervorgehoben werden, wenn ich mit der Maus darüber fahre. Das klappt soweit, allerdings überlappt das vergrößerte Bild nur die vorhergehenden Bilder, nicht aber die Nachfolgenden (Bild als Beispiel).
Mein Code bisher ist:
<img src="bild1.png" alt="bild"
style="border: 0; width: 60px; height: 75px;"
onmouseover="this.style.width='90px'; this.style.height='113px'; this.style.top='81px'; this.style.left='85px';"
onmouseout="this.style.width='60px'; this.style.height='75px'; this.style.top='100px'; this.style.left='100px';">
Bild1 ist:
.bild1 {
position: absolute;
top: 100px;
left: 100px;
}
Was muss ich am Code ändern, damit auch die nachfolgenden Bilder überlappt werden?
Der Code ist momentan nur provisorisch, Verbesserungsvorschläge nehme ich aber gern an ;-)
Danke schon mal
