如何解决实现模态问题

Question

我在我的项目中使用了materialize.css，我使用了materialize弹出窗口。我的简单要求是弹出窗口应位于身体的垂直中心。是的，我尝试了自我，它也运行良好，但与此同时还存在一些问题。内部弹出内容模糊不清，为什么不知道请分享您的反馈。

Answer 1

以下是我用来设置模态中心的内容：

#modal {
    top: 50% !important;
    transform: translateY(-50%) scaleX(1) !important;
}

这将替换具体化样式表中默认的top: 10%和transform: scaleX(1) scaleY(1) !important设置。您可以使用div ID，类或元素本身的样式来获取样式以覆盖默认的实体化样式，或者仅替换materialize.css文件本身中的css。