CSS Hintergrund von Text separat bewegen?
Ich gestalte eine Webseite mit Elementen, die sich überlappen. Das setze ich mit Flexbox um. Ich habe zwei Texte, die nebeneinander liegen. Die Texte haben jeweils einen farbigen Kreis als Hintergrund. Die Kreise sollen sich an den Kanten überlappen, der Text jedoch nicht.
Kann ich es irgendwie umsetzen, dass der Text auf den Kreisen liegt und ich die Kreise darunter separat bewegen kann, ohne dass der Text sich mit bewegt? Und ohne position:absolute zu nutzen?
1 Antwort
Kommt darauf an wie der umgesetzt ist. Verlauf, Hintergrundbild oder wie auch immer. Denke aber du könntest über ::before oder ::after ein separates Objekt aufspannen dass sich in Abhängigkeit zum Objekt recht frei platzieren lässt.
Hintergrundbilder lassen sich via background-Position auch relativ koordiniert platzieren, würde hier aber ein overflow visible erfordern. (Weiß gerade nicht ob das wirklich so geht.)