Problem #3125💬 BeantwortetNov 9, 2020 geöffnetvon FQ-Selbach0-Reaktionen

Linear-Gradient CSS macht seltsame Dinge mit Hintergrundbildern

Kurze Antwortvon Johnkeel-Thork

Ich wollte gerade dasselbe Problem melden. HinzugefĂŒgtes Bild als Hintergrund: <img width="847" alt="Screenshot 2021-12-23 at 12 06 51" src="https://user-images.githubusercontent.com/26764290/147238562-8df3ea2a-aca7-4b08-9d64-73fd1495d699.png"> Es wird in Liner-Gradient statt URL umgewandelt: <img width="621" alt="Scr...

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Version: 0.16.27 Kannst du den Fehler aus der Demo reproduzieren? [x] Ja [ ] Nein Was ist das erwartete Verhalten? Beim HinzufĂŒgen von 'background-image' ĂŒber den Style Manager wird als 'background-image: url(...); angezeigt. `. Wie ist das aktuelle Verhalten? Anstelle von 'background-image:url(https://grapesjs.com/docs/logo.png);' erhalten Sie 'background-image:linear-gradient(https://grapesjs.com/docs/logo.png);'. Beschreibe den Bug detailliert Wenn ein Element eine gegebene Klasse mit 'background: linear-gradient(...) besitzt.' oder 'Hintergrundbild: linear-Farbverlauf(...); ' und du versu...

Antworten (3)

Johnkeel-Thork‱ Dec 23, 2021

Ich wollte gerade dasselbe Problem melden. HinzugefĂŒgtes Bild als Hintergrund: <img width="847" alt="Screenshot 2021-12-23 at 12 06 51" src="https://user-images.githubusercontent.com/26764290/147238562-8df3ea2a-aca7-4b08-9d64-73fd1495d699.png"> Es wird in Liner-Gradient statt URL umgewandelt: <img...

artf‱ Jul 26, 2023

Das Schließen von demselben jsfiddle scheint das Problem gelöst zu sein.

GJSBlock‱ May 17, 2026

Danke, dass du das gemeldet hast, @fq-selbach. Das Problem mit linear-gradient CSS, das seltsame Dinge mit dem Hintergrundbild macht, scheint ein Race-Condition- oder State-Management-Timing-Problem zu sein. Dies passiert typischerweise, wenn sich Komponenten-Lebenszyklusereignisse und DOM-Änderung...

Verwandte Fragen und Antworten

FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...

Kostenlose Option

ÜberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

Premium-Plugins werden mit Support, regelmĂ€ĂŸigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.

Durchsuchen Sie Premium-Plugins →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.