2017-06-13 91 views
0

正如標題所說,我想在WordPress的任何其他內容之前加載一個div。我會更好地解釋它:當用戶加載頁面時,我想顯示一個動畫介紹,然後讓他看到該網站。我怎樣才能做到這一點?在WordPress的其他頁面內容之前加載div

+1

你可以使div爲覆蓋;一種方法是在div上設置「z-index」CSS屬性,並使其覆蓋整個屏幕。這樣,它會出現在你的其他內容前面。不過,您必須使用腳本來允許用戶關閉div。 – josephmbustamante

+0

你能舉個例子嗎? – user3004586

+0

請參閱下面的答案。 – josephmbustamante

回答

1

你會想創建一個覆蓋屏幕作爲覆蓋的固定div。假設你有一個div:<div class="overlay">

現在,在你的CSS,你想該div佔據整個屏幕:

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

你還需要確保你的父容器(html和身體,最有可能的)有寬/高的100%。你可能想給你的div另一種顏色,所以你可以看到它。 另外,參考this question

相關問題