我有一个问题，Firefox 在 Bootstrap 中没有显示 CSS 过渡。它不仅在我自己的代码中，Bootstrap的示例(例如在 https://getbootstrap.com/docs/4.3/components/collapse/#accordion-example 上(在我的Firefox中不起作用。我说"我的火狐"是因为我相信问题出在我的浏览器配置上。
我尝试了什么
- 我用铬检查了⇒它是否有效
- 我检查了我的辅助计算机(与 Ubuntu 70.0.1 上的 Firefox 版本 18.04 相同(⇒它是否有效
- 我在 Firefox 中创建了第二个用户配置文件⇒但它不起作用
- 我创建了第二个用户帐户⇒它工作
- 我检查了旧版本的 Bootstrap 文档(https://getbootstrap.com/docs/4.0(/components/collapse/#accordion-example(，⇒它有效(但不适用于任何高于 4.0 的版本(
- 我将用户配置文件从我的第二个用户帐户复制到主帐户⇒但它不起作用
- 我禁用了所有附加组件⇒但它不起作用
- 我重新启动了Firefox并清除了它的缓存(https://support.mozilla.org/en-US/kb/how-clear-firefox-cache(，⇒它不起作用
- 我在开发人员工具中检查了日志⇒没有相关错误或警告
- 我将
about:config与我的辅助计算机进行了比较⇒任何名为">动画"或">过渡"的配置项都没有差异 - 我检查了其他 CSS 转换示例(例如 https://www.w3schools.com/css/css3_transitions.asp(⇒它们是否有效
- 我完全删除了Firefox的缓存目录(
~/.cache/mozilla(，⇒它不起作用
所有证据似乎都表明问题与我的用户帐户有关，但与 Firefox 用户配置文件无关。我检查了Firefox的配置目录(~/.mozilla/firefox(。我没有找到任何可以解释这种行为的非配置文件特定的文件。
我已经到了我的智慧的尽头。任何如何修复Firefox(或其他要检查的内容(的建议都非常受欢迎！
此问题与prefers-reduced-motionCSS 媒体功能有关。
这两个文件包含一些相关的代码：
bootstrap/scss/mixins/_transition.scss
bootstrap/scss/_transitions.scss
我在 Windows 7 上遇到了同样的问题，并发现这篇文章：
首选减少运动 - CSS：级联样式表 |多核
这是链接中的片段：
用户首选项
对于 Firefox，在以下情况下，将接受 reduce 请求：
- 在 GTK/Gnome 中，如果 gtk-enable-animations 设置为 false。这可以通过 GNOME 调整(外观选项卡或常规选项卡，取决于版本(进行配置。
- 或者，将 gtk 启用动画 = false 添加到 GTK 3 配置文件的 [设置] 块中。
- 在 Windows 10 中：设置>轻松访问>在 Windows 中显示>显示动画。
- 在窗口 7 中："控制面板">"轻松访问">"使计算机更易于查看"> 关闭所有不必要的动画(如果可能(。
- 在 macOS 中："系统偏好设置">"辅助功能">显示>"减少运动"。
- 在 iOS 中：设置>常规>辅助功能>减少运动。
- 在 Android 9+ 中：设置>辅助功能>移除动画。