Ich bin nicht sicher, ob das möglich ist.CSS-Hintergrundbild. Position auf dem Text
Ich habe ein Hintergrundbild eines Sterns für etwas Text, es sitzt am unteren linken Rand des Containers. Siehe unten stehende Bild: 
Aber wenn es auf mobiles betrachtet wird der Stern ist noch unten links ..
Gibt es eine Möglichkeit, es über den unteren linken Bereich des Textes zu positionieren den gleichen Verpackungseffekt erzeugen? Wie folgt aus:
wie der Kommentar, Medien-Abfrage und die Position ist eine realisierbare Lösung:
.container{
position: relative;
}
.star {
position: absolute;
}
@media (max-width: 480px) {
.star {
left: 50%;
transform: translateX(-50%);
/* bottom: 0; */ /* if it goes at the bottom, up to you homie */
}
}
Dies ist ein Stil, der über zahlreiche Textabschnitte hinweg verwendet wird. Die Positionierung von 50% funktioniert möglicherweise nicht immer, da in verschiedenen Bereichen mehr Text vorhanden sein könnte. Es muss in Bezug auf den unteren linken Buchstaben positioniert werden, wenn möglich – lbollu
Ja, Sie müssen die Positionierung beenden, weil Sie diese Bilder verwenden. Es ist 50% relativ zum Container, so dass Sie damit spielen können, wie Sie möchten. –
Sicher, verwenden 'Position: absolute' und anpassen Position mit Abfrage Medien. –
Die Verwendung von '@ media' ist eine gute Möglichkeit, spezielle Stile für kleinere Fenster (mobile Geräte) nur für solche Dinge anzugeben. Die in den Medien angegebenen Stile werden nur angewendet, wenn das Fenster innerhalb des angegebenen Grenzwerts liegt. – leigero
können Sie Ihren Code teilen? – Aravind