javascript - SweetAlert 提升内容而不是使其堆叠

Question

我在这里遇到了一些问题，我第一次在甜蜜警报中使用警报，我有一个关于这个主题的问题，为什么当我调用我的警报时内容会被提升而不是与警报堆叠？对于这样的例子：

我对此感到困惑，好吧，我已经按照文档使用此警报，并且我没有为这种样式更改任何内容，我只是调用了 javascript，结果如上图所示。

js

let Swal = require('sweetalert2');
$(document).ready(function () {
   "use strict"
   $("#my-button").on('click', function () {
      Swal.fire(
           'The Internet?',
           'That thing is still around?',
           'question'
      )
   });
});

html

 <button type="submit" id="my-button" class="btn btn-block btn-primary">Sign In</button>

Swal.fire(
  'The Internet?',
  'That thing is still around?',
  'question'
)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9.17.1/dist/sweetalert2.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@9.17.1/dist/sweetalert2.css">

第一次使用甜蜜警报时，有人和我有同样的问题吗？

标签： javascriptjquerysweetalert2

Answer 1

您可以根据 sweetAlert2 的类添加一些样式。
查看此文档：主题