Multiple Hintergründe sind bei dir keine Option, oder?
Wie würde mir das weiterhelfen?
Das Problem bei der ganzen Angelegenheit ist der IE < 9. Der stellt in diesem Fall gar kein Hintergrundbild dar. Die letzte background-image-Angabe scheint die erste zu überschreiben, anstatt dass er sie einfach ignoriert.
Und alle anderen Browser laden beide Bilder, was das Laden aller Bilder natürlich halb so schnell macht (dieses Pattern kommt mehrfach vor). Was unschön ist, denn diese Abfrage des Facebook-Graphs ist ohnehin saulahm.
Ich habe schon Tests mit dem AlphaImageLoader gemacht, aber dann habe ich ein ähnliches Problem: Es wird das Hintergrundbild *und* das mit AlphaImageLoader geladene Bild angezeigt. Ich brauche also irgendeine Art Feature-Weiche, um im IE < 9 das background-image auszuschalten. Geht auch nur in JavaScript. Die Regeln können nicht in einem zentralen Stylesheet stehen, sondern sind Inline-Styles. Außerdem kann der AlphaImageLoader nicht zentrieren.
Mathias