Wie versprochen gibts nun auch die erweiterte Version meiner IEPngFix Mod Variante.

Der Auszug dem Changelog:

Added Pseudo-ClassName Support for correct handling of :hover
Example CSS:
Bevor:
a.linkclass { ... }
a.linkclass:hover { ... }
You have to add 2 more ClassNames to an a-tag:
a.linkclass, a.linkclass_standard { ... }
a.linkclass:hover, a.linkclass_hover { ... }
The IEPngFix changes the ClassNames onload.
Why? -> Because you cannot access a Pseudo Class like a:hover with JavaScript

Was hat sicht geändert? Das Pseudo-div muss man nicht mehr im CSS mit angeben. Dafür wurde aber ein korrektes Handling für :hover auf a-Tags hinzugefügt. Gehen wir von folgendem HTML und CSS aus:
<a href="#" class="redlink">Besuchen Sie meine Seite</a>

a.redlink { background-image:url("red.png"); background-position:1px 10px; }
a.redlink:hover { background-image:url("red.png"); background-position:15px 10px; }

Wie Ihr sehen könnt, ein Link der bei MouseOver / hover sein Hintergrundbild verschiebt. Das war bisher leider nicht möglich, da das Bild ja in ein seperates Div gepackt wird. Da das aber jede Menge arbeitet erspart und vieles vereinfacht, habe ich nun diesen Support hinzugefügt, dass nun bei :hover das Pseudo-Div korrekt ersetzt wird. Prinzipiell muss man vorab sagen, dass die Pseudo-Klasse :hover per JavaScript nicht ansprechbar it. Somit werden die Klassennamen dynamisch ersetzt. Der Neue CSS-Code muss wie folgt für das obige Beispiel aussehen:
a.redlink, a.redlink_standard { background-image:url("red.png"); background-position:1px 10px; }
a.redlink:hover, a.redlink_hover { background-image:url("red.png"); background-position:15px 10px; }

Und schon funktioniert es mit dem erweiterten iepngfix korrekt und Ihr habt ein schönes Hover :-)
Bei Fragen hierzu einfach ein Kommentar oder eine E-Mail schreiben. Wichtige Fragen, die per E-Mail kommen werde ich hier auch als Kommentar hinzufügen.

Download nicht mehr verfügbar. Bitte schreibt mir eine E-Mail und ich schicke euch den iepngfix-mod zu. Danke!

0 Kommentare:

Kommentar veröffentlichen