Internet Explorer zeigt Hintergrund nicht an

Von Andreas JobstCSS, Dies und DasMit 22 Kommentaren

Ich hatte schon häufiger das Problem, dass im Internet Explorer bei CSS Definition nach folgendem Schema kein Hintergrund angezeigt wurde:

background:url(../img/footer-bg.png)center top no-repeat;

Das Problem lag aber nicht wie zunächst angenommen darin, dass der Internet Explorer beim background kein Shorthand CSS versteht. Diese Vermutung lag nahe, weil folgende Definition funktionierte:

background-image: url(../img/footer-bg.png);
background-position: center top;
background-repeat: no-repeat;

Des Rätsels Lösung war viel mehr, dass der Interne Explorer mit den fehlenden Leerzeichen im Shorthand CSS nicht zurecht kam. So funktioniert es nämlich:

background: url(../img/footer-bg.png) center top no-repeat;