Ich habe ein Problem mit meinem Hintergrundbild für das Willkommensbanner.
Ich verwende Cloudflare R2 S3-Buckets für die Objektspeicherung auf der betreffenden Website.
Wenn ich im Admin-Bereich ein Hintergrundbild hochlade, wird es korrekt angezeigt. Wenn ich darauf klicke, um es in voller Größe anzuzeigen, funktioniert es. Und wenn ich mit der rechten Maustaste darauf klicke und das Bild in einem neuen Tab anzeigen lasse, funktioniert es und verwendet die öffentliche Bucket-URL:
https://eufiles.technospider.com/original/1X/609c9563f4d8c7d229b495a2cb967782a63aa2df.jpeg
Was es jedoch in das CSS einfügt, ist diese URL:
https://exotics-unlimited.7100e60b936991e069a3230dc05d4976.r2.cloudflarestorage.com/original/1X/609c9563f4d8c7d229b495a2cb967782a63aa2df.jpeg
Ich habe eine andere Website, die lokalen Speicher verwendet und das Banner-Hintergrundbild funktioniert korrekt.
Ist das ein Fehler im Code oder mache ich etwas falsch?
Nachdem ich mich weiter umgesehen habe, scheint dieses CSS das Hintergrundbild zu steuern:
Wenn ich die URL im Inspektor manuell ersetze, funktioniert es.
Ich habe versucht, dies zu überschreiben mit:
.custom-search-banner-wrap .welcome-banner__wrap {
background-image: "eufiles.technospider.com/original/1X/609c9563f4d8c7d229b495a2cb967782a63aa2df.jpeg";
}
Aber das funktioniert nicht. Es fühlt sich trotzdem wie ein Fehler an.