Webdeveloper-Toolbar: CSS-Hintergrundbilder funktionieren nur mit absoluter URL

Bei meinen Basteleien an meiner Seite mit der Webdeveloper-Toolbar für Firefox habe ich endlich festgestellt, wo das Problem beim Bearbeiten der CSS liegt. Fügt man ein Hintergrundbild mit CSS ein, funktioniert die Vorschau nur bei Eingabe einer absoluten URL.

Screenshot Webdeveloper-Toolbar, CSS bearbeiten

Auch wenn man normalerweise in einer CSS-Datei auch einen relativen Pfad verwenden kann, ist dies beim Bearbeiten mit der Webdeveloper-Toolbar nicht möglich. Logisch, denn das bearbeitete CSS hat ja praktisch keinen Speicherort, von dem aus ein relativen Pfad existiert.

Zur Anschauung der relative Pfad eines Hintergrundbildes:
[code lang=“css“]background-image: url(csshintergrundbild.jpg);[/code]

Und so sieht ein absoluter Pfad aus:
[code lang=“css“]background-image: url(http://example.org/backgroundimage/csshintergrundbild.jpg);[/code]

Erst bei Angabe eines absoluten Pfades funktioniert das Bearbeiten der CSS „am offenen Herzen“. Zu Finden übrigens in der Toolbar unter CSS > Edit CSS.

  1. Hallo,

    ich benutze die Webdeveloper-Toolbar auch schon seit einiger Zeit und möchte nicht mehr auf sie verzichten. Allerdings habe ich seit einigen Tagen ein kleines Problem. Ich habe über die praktische Funktion „CSS bearbeiten“ die Hintergrundfarbe einer Seite geändert. Aber irgendwie kann ich das nicht mehr rückgängig machen. Haben Sie da eine Idee?

  2. Leider hat das keine Auswirkungen. Sobald ich die Funktion „CSS bearbeiten“ wieder schliesse, wird es wieder auf den geänderten Wert gestellt. Ich habe innerhalb der Funktion „CSS bearbeiten“ einen Tab „styles.css“ (das ist die originale Datei) und einen Tab „Eingebettete Styles“ (in diesem steht der zusätzliche Code für die Hintergrundfarbe). Ich weiß nicht ob das weiterhilft.

    Hätten Sie etwas dagegen, wenn ich Ihnen 2 Screenshots per Email sende, damit Sie Sich ein Bild davon machen können?

Kommentare sind geschlossen.