Ich muss dazu sagen das CSS-opacity nicht verwenden will und ich stattdessen 1 pixel-Grafik PNG - was ja transparenz unterstützt - genommen habe jedes Bild bisschen mehr transparenz bis null und dann css-display: none. Den Vorschlag einfach nen CSS-BackgroundColor zunehmen hatte man mir vorab geraten was füür mich keineswegs zielorientiert ist.
Praktisch alle halbwegs aktuellen Browser unterstützen opacity (siehe http://caniuse.com/#feat=css-opacity) wie auch die Farbangabe RGBA (http://caniuse.com/#search=rgba), zudem überschneidet sich die Unterstützung mit jener des Alphakanals bei PNG (http://caniuse.com/#search=png). Selbst dem hinsichtlich der Leistung idealen Weg, die komplette Animation per CSS dem Browser zu überlassen, würde ich mit etwas gutem Willen schon breite Unterstützung zugestehen (http://caniuse.com/#feat=css-animation).
Insofern erscheint mir deine Wahl, mittels etlicher teiltransparenter Grafiken zu tricksen, fragwürdig; ich sehe da keinen Vorteil und du selbst fürchtest ja offenkundig die Nachteile. Aber du wirst deine Gründe haben – wer keine Arbeit hat, macht sich welche.