Background Image und Opacity im IE8

Last Updated on Thursday, 28 April 2011 12:19 Thursday, 28 April 2011 11:50

Wer sich schonmal gewundert und dann stundenlang versucht hat herauszufinden, warum seine Hintergrundbilder in allen Browsern bis auf Internet Explorer 8 abwärts angezeigt werden, der sollte sich fragen, ob er auch alle Leerzeichen richtig gesetzt hat:

background: url(/ordner/img/icon_info.gif)no-repeat top left; -> Funktioniert nicht.

background: url(/ordner/img/icon_info.gif) no-repeat top left; -> Funktioniert!

 

Und da wir gerade bei meinem neuen Lieblingsbrowser IE 8 sind: Die Opacity erreicht man mit den ab Version 8 eingeführten Microsoft Vendor Extensions. Damit zerschlägt sich die Hoffnung auf ein baldiges Ende bzw. wenigstens annähernde Standardkonformität des ranzigsten Browsers aller Zeiten.

 

.klasse {
opacity: 0.4;
-moz-opacity: 0.4; (Firefox)
-khtml-opacity: 0.4; (Konquerer)
-o-opacity: 0.4; (Opera)
-webkit-opacity: 0.4; (Safari)
filter: alpha(opacity=40); (IE < 8)
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; (IE >/= 8)
}