Maxx: Opera & Hintergrundgrafik & Zoom

Beitrag lesen

Hi Frankie,

Zum Beispiel ein wunderschönes png mit alpha-Transparenz. Für veraltete Browser wie etwa den IE6 gibt es Workarounds.

Grafiken mit alpha-Transparenz habe ich noch nie gemacht, was muss man beim Erstellen besonders beachten

Je nach verwendetem Grafikprogramm.
In Paintshop:

  1. Eine Grafik in der gewünschten Größe mit der gewünschten Hintergrundfarbe.
  2. Ebene-Eigenschaften-Deckfähigkeit
  3. Den gewünschten Transparenzgrad einstellen
  4. als png speichern, fertig

und wie geht der Workaround für den IE?

"gute" Browser
background-image:url(dein.png);

"böse" Browser
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dein.png',sizingMethod='scale');

Das IE-CSS z.B. über Condition Comments <!--[if gte IE 5.5]> eingebunden. Für den IE 5 und früher gibt es keinen Workaround.

Und wenn du alles richtig gemacht hast, sollte es etwa so aussehen:
http://www.electric-lemon.de

Grüße,

Jochen