Problem mit transparenten PNGs im IE6

    Hallo :)

    Ich habe in meinem Header auf http://sebastian-gerth.eu transparente pngs eingefügt. Damit diese auch im IE6 transparent dargestellt werden, habe ich diesen workaround durchgeführt. Das funktioniert auch alles.

    Die 3 Grafiken auf der rechten Seite ändern nach diesem workaround nicht mehr ihre hover-Bilder. Damit könnte ich ja zur Not noch leben.

    Die transparente Grafik über dem Logo wird allerdings nicht richtig dargestellt - Warum? Und aus irgendeinem Grund rutscht das Suchfeld nun nach unten - ohne workaround geht's aber einwandfrei.

    Kann mir jemand helfen, dass der IE6 keine Probleme mehr macht? Das wär super!

    Danke schonmal und viele Grüße!

    • Gerade eben
    • 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

    Hey, und danke erstmal!
    Ich habe das mal ausprobiert, aber das Ergebnis ist leider das gleiche. Alle Grafiken im Header sind pngs mit transparentem Hintergrund. Über dem Logo liegt ebenfalls eine transparente Grafik, die für die Verlinkung zur Startseite zuständig ist.
    Aber mein Problem besteht leider weiterhin. :(

    das Problem kannst du ja ganz einfach lösen

    Mach einen Screenshot von deiner Seite, dann hast du die Buttons mit den dazugehörigen Hintergrund und kannst somit auf die Transparenz verzichten.

    Beim Logo kannst ja auch ein Transparentes gif verwenden, da hat der IE6 keine Probleme mit.

    die sache mit dem screenshot klappt leider auch nicht, weil die buttons ja animiert sind (jedenfalls in allen browsern außer im ie6, was dann ja nicht mehr der fall wäre). transparente gifs verwende ich nicht, weil nur pngs über alphatransparenz verfügen, die ich gern hätte (anti-alaising) ...

    die eigentliche frage ist doch: Warum springt die grafik nach dem workaround in die nächste zeile?

    Sollte sich das nicht lösen lassen, dann bleibts so - hat der ie6 eben pech :D

    Also ich kann keinerlei Animation bei den Buttons sehen, das sind ganz normale png. Lediglich wird die Grafik bei hover anders positioniert.
    Das geht logischerweise auch ohne Transparenz.

    Aber sollte ja nur ein Tipp sein, wie man das Problem lösen kann. ;-)

    warum sollte das mouse-over nicht gehen, wenn Du gif´s nimmst?
    Aber warum verwendest Du nicht den Tipp von AoP? Ganz einfach und ohne Probleme. Dann speicherst Du sie als gifs (wenn es denn sein soll) und änderst eben das mouse-over skript...

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden