Nur Bilder mit Link überblenden

  • Hi,

    Ich möchte Bilder als links verwenden, um quasi zu anderen Seiten auf der Homepage zu verlinken. Um dies zu verdeutlichen, würd ich gern beim überfahren der Maus das Bild weiß überblenden, so wie es aktuell ist. Leider hab ich es bisher nur hinbekommen, dass alle Bilder, auch solche ohne Links überblendet werden. Wie kann ich den CSS Code ändern, sodass nur Bilder mit Link überblendet werden?
    Code mit dem die Bilder eingefügt wurden:

    Code
    <a href="Link zur entsprechenden Seite"><img class="aligncenter wp-image-1434" src="Link zum Bild" alt="" width="750" height="150" /></a>

    Code im CSS:

    Code
    img:hover {
    opacity: .7;
    }

    Link: http://mittelamerika-cichliden.de/reisen
    Oberes Bild mit Link
    Unteres ohne Link
    Danke!

    Grüße Tobi

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Hi Danke!

    Manchmal ist man echt blöd/blind,...

    hab alles versucht aber auf a "Leerzeichen" bin ich auf Teufel komm raus nicht gekommen, obwohls ja auf der Hand liegt.


    Grüße Tobi

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!