淡入淡出动画使我的模式在 windows 10 中失败
fade animation making my modal fail in windows 10
大家好,我有一个 bootstrap modal
和 fade
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);
});
大家好,我有一个 bootstrap modal
和 fade
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);
});