最近我在寫網頁時遇到了一個很奇怪的問題,就是CSS上的加載層一直不顯示。
一開始我以為是我代碼的問題,然后就檢查了好幾遍,結果發現并沒有什么不對的地方。于是我就去看了看CSS的文檔,發現CSS里的加載層通過層疊上下文來實現,也就是說我們需要在父元素里加上一個position屬性,而在子元素里加上一個z-index屬性,這樣就能實現加載層了。
.parent { position: relative; } .loading { position: absolute; z-index: 9999; /* 一般情況下我們會給此屬性一個很大的值 */ }
我按照文檔上的方法寫完后重新運行代碼,但是加載層還是沒顯示出來。我開始懷疑是不是我的引用有問題,于是我又重新引入了一個已知好用的加載層類庫,但結果還是一樣令人失望。
經過一番調試后,我才發現是因為我父元素的高度為0導致加載層無法顯示。于是我給父元素再添加一些內容,重新運行代碼后,加載層就順利顯示了出來。
最后總結一下就是,在使用CSS上的加載層時,需要注意父元素是否有高度,否則就算我們寫對了,也是看不到加載層的。
上一篇mysql以后能干啥