✔ Wie bekomme ich den Link über das Bild?

[jackisback]

Hallo ich bin's mal wieder,
Folgendes Problem ich habe einen Link der ein Bild ist und möchte jetzt einen Text der zum link gehört über das Bild Positionieren. Wichtig ist das ich das Bild nicht als Hintergrund nehmen kann weil noch ein paar andere Effekte auf dem Bild liegen.

Schaut euch das Bsp. Bild an das ich hochgeladen habe, dann müsste klar sein was gemeint ist. Der Rahmen markiert die Bildgröße und das Bild ist nur ein Beispiel.

Geht das überhaupt?

 

[Maik]

Hi,

versuch es mal auf folgende Weise:

a {
position:relative;
text-decoration:none;
}

a img {
border:none;
}

a span {
position:absolute;
left:10px;
bottom:10px;
}

<a href="#"><img src="..." alt=""><span>Text</span></a>

 

[jackisback]

Firefox und Safari machen es Richtig aber der IE zeigt den Text nicht an.
Liegt der Text vieleicht hinter dem Bild?

 

[Maik]

Bei mir wird der Text im IE 6 + 7 angezeigt.

Ansonsten häng mal z-index an, um dem span-Element eine höhere Schichtposition zu geben.

 

[jackisback]

Wen ich mit der Maus rüber gehe dann wechselt der Zeiger von der Hand auf Marker. ich dachte der Text gehört zum link?

 

[Maik]

Das trifft aber auch nur auf den IE zu, was mit der absoluten Positionierung des Elements zusammenhängt.

a span {
position:absolute;
left:10px;
bottom:10px;
cursor:pointer;
}

 

[jackisback]

Danke erstmal für deine rasche Antwort. Mein Problem ist aber das ich JavaScript über den link laufen habe und der Span ja nicht mehr als Teil des links erkannt wird. Der Effekt wird also über dem Text nicht ausgelöst. gibt es eine adere Möglichkeit?

 

[Maik]

Die andere Möglichkeit wäre das Bild als Hintergrundbild zu verwenden, aber dies hast du ja aus "technischen Gründen" ausgeschlagen.

 

[jackisback]

Ich kann dir auch erklären warum.
Auf dem Bild liegt ein Filter der das Bild Softflow austauscht mit
Hintergrundbilder geht das nicht, bzw. wüsste ich nicht.

 

[Maik]

Und wenn du den Text direkt in der Grafik mitaufnimmst?