Wie kann ich sicherstellen, dass mein Bild nicht mit dem Rest des Inhalts überfüllt ist?
Posted: 27 Feb 2025, 04:01
Ich habe den folgenden Code für eine Seite mit einer Fußzeile, die sich auf der unteren Räume links im Hauptbehälter absolut positioniert. Ich habe es für verschiedene Auflösungen als absolut gehalten, um das Bild unten links richtig anzuzeigen. Das Problem ist, dass sich das Bild nicht bewegt und mit dem obigen Code verschmilzt. < /P>
Wie kann ich das beheben?
Code: Select all
className="flex flex-col relative h-full m-24 px-24 bg-blue-10 overflow-auto"
style={{
backgroundImage: `url(${GmpStaticImages.WhatsNewBackground})`,
backgroundSize: "cover",
}}
>
rest of the content
[img]{WhatsNewFooter}
position: "absolute",
bottom: 0,
left: 0,
paddingBottom: "26px",
}}
alt="FooterImage"
/>