Z-Index von Backbutton wird von anderen Komponenten blockiert ⇐ CSS

[Anonymous]

In meinem nächsten Projekt habe ich die Backbutton-Komponente < /p>
Diese Taste erstellt, sodass er dem Benutzer auf DownScroll folgt und weiter platziert werden sollte als jeder Inhalt auf der Website, sodass es auch von anderen Komponenten blockiert wird. Backbutton von Z-Index, egal wie hoch ein Wert ich benutze. < /P>
Hier ist die Taste, alles ist einfach.

Code: Select all

import { ArrowLeftIcon } from "lucide-react";
import { useRouter } from "next/navigation";

const BackButton = () => {
const router = useRouter();

return (
 router.back()}
className="fixed top-4 left-4 z-[990000] bg-black text-white hover:bg-gray-600 duration-200 rounded-full p-2"
>


);
};

export default BackButton;
< /code>
Und hier ist ein Beispiel für Komponenten, der weiter als Backbutton geht: < /p>

{CONTENT}

< /code>
Ja, es wird die Verwendung von -translate-y-1 verwendet und wann wird es weiter verläuft als die Taste. Dies ist jedoch nicht die Ursache des Problems, da ich diese CSS -Eigenschaft auch dann hinter dieser Komponente entfernen kann.export default function RootLayout({
children,
}: Readonly) {
return (






{children}





);
}