Wenn ich in der userChrome.css Grafiken referenziere (die ich im Unterordner pictures habe), dann funktioniert das problemlos. Referenziere ich dagegen Grafiken in der userContent.css, werden diese ignoriert. Beispiel:
Code
/*Nicht definierten Hintergrund farblich veraendern*/
body
{
background: #eef url(pictures/hintergrund.gif) repeat;
}Hier wird zwar die Farbe korrekt auf #eef gesetzt, aber das Hintergrundmuster wird nicht angezeigt. Wenn ich noch ein !important hinzu füge, werden auf Webseiten die dort vorhandenen Hintergrundgrafiken nicht mehr angezeigt (logisch!), aber meine eigene Hintergrundgrafik trotzdem nicht. Es scheint also so zu sein, dass das obige Skript zwar erkannt, die genannte Grafik jedoch nicht gefunden wird. Nur, warum nicht? Es ist exakt derselbe Pfad, der in meiner userChrome.css problemlos funktioniert. Beispiel:
CSS
/* Eigenen Throbber verwenden */
#navigator-throbber
{
list-style-image : url(pictures/clock-statisch.gif) !important;
}
#navigator-throbber[busy="true"]
{
list-style-image : url(pictures/clock-ani.gif) !important;
}