在 Windows 10 上使用高对比度主题时，Firefox 可以使用此设置，我发现这个功能非常有用，因为我可以全局设置背景颜色。但 Firefox 中的图像存在一些问题。也就是说，一些网站上的一些图像消失了。我怀疑这些问题只与 SVG 图形有关，因为光栅图像似乎在任何地方都没问题。
例如 SE 网站现在缺少以下图标：
原文为：
这真是令人失望。
这个问题有解决办法吗？
我花了一些时间在谷歌上搜索这个问题，并重新检查了一些 Windows 系统设置，但没有任何帮助。注意：我不想禁用此功能，我喜欢它，只是想解决提到的问题。
答案1
导致此问题的原因是 stackexchange 编辑器使用背景图像作为其图标。在高对比度模式下，所有背景图像都将被删除。解决此问题的唯一方法是使用 @media 查询（用于高对比度）和/或使用 content 属性而不是使用 background 属性。
[element]:after {content: url([image url]);} 仅此一项即可显示图像。除非背景对比度足够高，否则所有用户都看不到图像。
.wmd 按钮 > span**:after** { 内容：url（“../../Img/unified/wmd-buttons.svg?v=71f92841a4f1”）；背景大小：初始！重要；
以下代码将在 Windows（Edge 和 IE11）中运行，以提供可在高对比度（活动、白底黑字、黑底白字）下工作的自定义彩色按钮：
@media 屏幕和（-ms-high-contrast：active）{ .wmd-button > span：after { content：url（“../../Img/unified/wmd-buttons.svg?v=71f92841a4f1”）； 背景大小：initial ！important； } }