mui框架中的DtPicker插件存在一個Bug,當用戶點擊按鈕后,彈出日期選擇框,但是,后面的背景居然被擋住了,并不是半透明效果,如下圖:
由于我這個頁面頂部、底部分別放置了一個固定懸浮的對象,經過分析、調試后發現,這個bug的出現,是因為body標簽未定義高度導致的,因為頂部那截沒有被擋住的部分,正好就是body實際高度,如下圖:
找到問題就好辦了,我們嘗試對body定義個高度,如果body的高度不方便固定,那么可以嘗試使用min-height:100vh這種方式來定義個最小高度,最終修復后的效果如下圖:
問題已得到修復!