查看详情

DtPicker插件弹出选择框后遮挡部分背景的问题分析及Bug修复

mui框架中的DtPicker插件存在一个Bug,当用户点击按钮后,弹出日期选择框,但是,后面的背景居然被挡住了,并不是半透明效果,如下图:
时间选择被遮挡效果

由于我这个页面顶部、底部分别放置了一个固定悬浮的对象,经过分析、调试后发现,这个bug的出现,是因为body标签未定义高度导致的,因为顶部那截没有被挡住的部分,正好就是body实际高度,如下图:

body标签视图效果
找到问题就好办了,我们尝试对body定义个高度,如果body的高度不方便固定,那么可以尝试使用min-height:100vh这种方式来定义个最小高度,最终修复后的效果如下图:

修复后的效果

问题已得到修复!


原创内容,转载请注明出处:网站建设,APP开发,小程序开发请找江西居道科技有限公司,http://www.juguw.net

智能建站系统代理招商
所属分类:文章中心      Time:2020-04-28 02:49:18      人气:674
关闭
13517086454