mui框架中的DtPicker插件存在一個(gè)Bug,當(dāng)用戶點(diǎn)擊按鈕后,彈出日期選擇框,但是,后面的背景居然被擋住了,并不是半透明效果,如下圖:
由于我這個(gè)頁面頂部、底部分別放置了一個(gè)固定懸浮的對(duì)象,經(jīng)過分析、調(diào)試后發(fā)現(xiàn),這個(gè)bug的出現(xiàn),是因?yàn)閎ody標(biāo)簽未定義高度導(dǎo)致的,因?yàn)轫敳磕墙貨]有被擋住的部分,正好就是body實(shí)際高度,如下圖:
找到問題就好辦了,我們嘗試對(duì)body定義個(gè)高度,如果body的高度不方便固定,那么可以嘗試使用min-height:100vh這種方式來定義個(gè)最小高度,最終修復(fù)后的效果如下圖:
問題已得到修復(fù)!