淡入淡出动画使我的模式在 windows 10 中失败

fade animation making my modal fail in windows 10

大家好,我有一个 bootstrap modalfade CSS class。

如果你想知道我在说什么,你可以在那里查看:MyProject

所以我会一步一步为你解释。

首先,此页面将像这样工作(非常简单),客户端将单击 small alert modal,您可以在我给 [=27= 的项目的 link 中看到它] 点击客户端后,它会显示如下图所示的模态:

如果您在单击按钮后看不到此模式,这是因为您的 windows 设置(windows 性能)如果您在 this pc (my computer) 上执行 right click如果您单击这样的属性:

之后,如果您像这样在新的 window 上单击 Advanced system setting

在新 window 中,如果您在性能方面单击 setting,您会发现我所说的最后一部分是这样的:

所以点击 setting 后你会在 Performance option window 和 Visual Effects 一边你可以选择 4 个选项,如果你选择 Adjust best appearance 您可以看到此模态,但如果您选择 Adjust best performance 您将无法再看到此模态。

Performance option的图片:

我想要的是修复它(我的意思是我想做一些事情来阻止某些客户端使用 adjust best performance 时失败的模态)

确定不透明度是问题的根本原因,如 link 中所述。

求解:

从模态元素中删除淡入淡出 class,然后 运行 此代码:

$('.modal').on('shown.bs.modal', function () {
   $(this).css("opacity",1);
});