我使用Bulma作为我的CSS框架，在尝试使用它们的模态时，它们根本没有样式化，好像我遗漏了什么。
覆盖层就在那里，x按钮似乎就位并且可见，但内容是灰色的。
我正在使用以下代码：
<body>
<div id="modal-id" class="modal is-active">
<div class="modal-background"></div>
<div class="modal-content">
Any other Bulma elements you want
</div>
<button class="modal-close is-large" aria-label="close"></button>
</div>
</body>
Bulma的其他元素都在发挥作用。
注意：我不是在问JS部分，以及如何在Click上实际显示模态。我有纯粹的CSS问题。
但这个目前正在放映，没有问题！
如果您需要一个设计，如卡片，请将.modal-contentdiv更改为：
<div class="modal-card">
<header class="modal-card-head">
<p class="modal-card-title">Modal title</p>
<button class="delete" aria-label="close"></button>
</header>
<section class="modal-card-body">
YOUR CONTENT
</section>
<footer class="modal-card-foot">
<button class="button is-success">Save changes</button>
<button class="button">Cancel</button>
</footer>
</div>
