2017-06-13 4 views
0

Wie der Titel sagt, ich möchte ein Div in WordPress vor jedem anderen Inhalt auf der Website laden. Ich werde es besser erklären: Wenn ein Benutzer die Seite lädt, möchte ich ein animiertes Intro zeigen und dann die Seite danach sehen lassen. Wie kann ich das machen?Laden Sie ein Div vor anderen Seiteninhalt in WordPress

+1

Sie könnten das Div ein Overlay machen; Eine Möglichkeit, dies zu tun, besteht darin, die CSS-Eigenschaft 'z-index' im div hoch zu setzen und den gesamten Bildschirm abzudecken. Auf diese Weise wird es vor Ihren anderen Inhalten angezeigt. Sie müssen ein Skript verwenden, um dem Benutzer zu ermöglichen, das div zu schließen. – josephmbustamante

+0

Können Sie mir ein Beispiel geben? – user3004586

+0

Siehe meine Antwort unten. – josephmbustamante

Antwort

1

Sie möchten ein festes div erstellen, das den Bildschirm als Overlay abdeckt. Angenommen, Sie haben ein div: <div class="overlay">.

nun in Ihrem CSS, möchten Sie, dass div nehmen den ganzen Bildschirm machen:

.overlay { 
    height: 100%; 
    width: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 100; 
} 

Sie müssen auch sicher, dass Ihre übergeordneten Container (HTML und Körper, höchstwahrscheinlich) haben Breite/Höhe machen von 100%. Vielleicht möchtest du deinem Div eine andere Farbe geben, damit du es sehen kannst. Auch Referenz this question.

Verwandte Themen