欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css上的加載層不顯示

錢衛國2年前8瀏覽0評論

最近我在寫網頁時遇到了一個很奇怪的問題,就是CSS上的加載層一直不顯示。

一開始我以為是我代碼的問題,然后就檢查了好幾遍,結果發現并沒有什么不對的地方。于是我就去看了看CSS的文檔,發現CSS里的加載層通過層疊上下文來實現,也就是說我們需要在父元素里加上一個position屬性,而在子元素里加上一個z-index屬性,這樣就能實現加載層了。

.parent {
position: relative;
}
.loading {
position: absolute;
z-index: 9999; /* 一般情況下我們會給此屬性一個很大的值 */
}

我按照文檔上的方法寫完后重新運行代碼,但是加載層還是沒顯示出來。我開始懷疑是不是我的引用有問題,于是我又重新引入了一個已知好用的加載層類庫,但結果還是一樣令人失望。

經過一番調試后,我才發現是因為我父元素的高度為0導致加載層無法顯示。于是我給父元素再添加一些內容,重新運行代碼后,加載層就順利顯示了出來。

最后總結一下就是,在使用CSS上的加載層時,需要注意父元素是否有高度,否則就算我們寫對了,也是看不到加載層的。