Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

IE und Alphatransparenz

Der IE unter Windows kann bis einschließlich Version 6 die Alphatransparenz von png-Bildern nicht korrekt anzeigen; der tranparente Bereich wird meist grau dargestellt.

Ab Version 5.5 kennt der IE Win die microsoft-eigene filter-Eigenschaft, die es ermöglicht, die Alphatransparenz »nachzurüsten«.

  1. #wrap {
  2. background-image:url(alphatransparentbild.png);
  3. }
  4. /* IE Win */
  5. * html #wrap {
  6. background-image:none;
  7. filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="alphatransparentbild.png");
  8. }

Das Bild, das durch die proprietäre filter-Eigenschaft angezeigt wird, ist kein Hintergrundbild und reagiert daher nicht auf die zugehörigen Eigenschaften (background-position, -repeat, …).