Ich arbeite die letzten Tage mal wieder viel mit CSS. Schon wieder gibt es für mich eine sinvolle erweiterung die ich mir gut in einer der nächsten CSS Versionen Vorstellen könnte. CSS hat ja schon den Vorteil dass das einbinden von Bildern bei dem Pfad immer von der CSS Datei aus geht, Da es bei mir meist so ist, dass alle Bilder zu einer CSS datei in einem ordner liegen, würde ich folgendes Vorschlagen.
Wie es jetzt ist:
#element {
background-image: url(images/background.jpg);
}
Wie es sein soll:
body {
image-path: images/;
}
#element {
background-image: url(background.jpg);
}
Das sieht zwar in der jetztigen Version nach etwas mehr Code aus, bei langen Pfadangaben und häufiger Verwendung wird das allerdings weniger Code. Die Seiten laden schneller, Traffic wird gespart, und dem Designer Zeit und Nerven (falls er sich mal wieder vertippt hat.)
Wer jetzt die Bilder doch in mehreren Ordnern hat, aber diese Funktion gerne für einen teil benutzen möchte, der kann das ganze mit Kindklassen und meiner vorgeschlagenen reset funktion einstellen.
Tags: background-image, cascarding style sheet, css, feature, image, path, performance, solution, traffic, url