IE und PNGs? & RollOver Image

[Dustin84]

Hallo,

ich bastel mir gerade eine Microsite auf CSS Basis. Im Firefox wird die Site fehlerlos angezeigt aber der IE zeigt die PNGs mit einen blauen hintergrund ?! Wie kann ich dem IE beibringen, dass er die PNGs richtig transparent anzeigt ?

2. Frage:

Ich würde gerne eine Referenzübersicht mit Rollovers erstellen, so wie hier

Wie realisiere ich ein Rollover per CSS ? Was muss in der HTML File stehen und was in der CSS Datei ?

 

[Maik]

Hi,

die Vorgängerversionen des IE7 können nicht mit transparenten PNGs umgehen, weshalb ein "Workaround" erforderlich ist, wie du ihn beispielsweise auf IE PNG Alpha Fix Demonstration findest.

Wie der Rollover auf der verlinkten Seite realisieren wurde, kannst du ganz einfach dem Seiten-Quellcode und dem dazugehörigen Stylesheets entnehmen: http://www.benjaminmessingschlager.de/style.css

Soviel sei aber schon mal verraten: beide "Rollover-Zustände" sind in einer Grafik vereint, die als Hintergrundbild fungiert, und so wird beim Überfahren der Links lediglich die Hintergrundposition verändert, siehe z.B. http://www.benjaminmessingschlager.de/images/ref/thumbs/thumb_aumann.jpg