Ich versuche, ein Div-Element über eine Leinwand (für ein Spiel) in der Mitte meiner Seite zu platzieren. Es geht um einen Startbildschirm, den ich vor dem Start des Spiels über die Leinwand zeigen möchte (dieser Startbildschirm hat Optionen wie "Spiel spielen", "Einstellungen" usw.). Das Problem ist, dass ich das nicht schaffen kann, ich habe viel auf Google gesucht, ich habe viele Beispiele gesehen, aber keiner von ihnen scheint für mich zu funktionieren. Hier ist mein Code:
%Vor%hier ist das CSS:
%Vor%Könnte mir bitte jemand sagen, wo ich es falsch mache?
Das Problem bestand darin, dass sich die Canvas-Ebene in ihrer ursprünglichen statischen Position befand, während sich das Gamestart-Div relativ positionierte und keinen positiven Z-Index-Wert aufwies. Im Wesentlichen müssen Sie das canvas-Element auf position: absolute oder sogar position: relative setzen, während Sie einen & gt; 1 z-index für den Startbildschirm div haben. Dieser JSFiddle sollte alles klarstellen.
Prost!