(transparente) Inline-Grafik erstellen

[Bork zum Iork]

Es ist natürlich äußerst unpraktisch, mitten in der CSS-Datei so einen riesigen Text zu haben. Kann ich vielleicht den Text am Ende der Datei eintragen und dann auf diesen Verweisen, sodass meine CSS-Datei noch übersichtlich bleibt?

Ich denke nicht, das Einbinden ist ja eh schon ein Sonderfall, dass da noch großartiges Hin- und Herweisen innerhalb der Datei vorgesehen wurde, mag ich nicht so recht glauben.

Lege die Grafik doch ans Ende der Datei und platziere am ursprünglichen Ort einen Kommentar mit einem Hinweis; und Du kannst die Regeln ja auch trennen, oben alles "Normale", unten nur die Grafik. Das ist letztlich das Gleiche, was Du Dir vorgestellt hattest, nur ohne spezielle CSS-Funktionalität.

div#bla {
    bla:fasel;
    blo:fosel;
    /* Grafik für Hintergrund am Ende */
}

klin.gel#ing {
    …
}

/* Hintergrundgrafik für div#bla, Rest oben */
div#bla {
    background-image:url(data:image/png;base64,AD4468 …
}