當在 Windows 10 上使用高對比度主題時，Firefox 可以使用此設置，我發現它非常有用，因為我可以全域設定背景色。但 Firefox 中的映像存在一些問題。即某些網站上的某些圖像剛剛消失。我懷疑這些問題僅與 SVG 圖形有關，因為光柵圖像似乎在任何地方都可以。
例如，SE 網站現在缺少圖示：
原來是：
這實在令人失望。
這個問題有什麼解決方法嗎？
我花了一些時間谷歌搜尋這個問題並重新檢查了一些 Windows 系統設置，但沒有任何幫助。注意：我不想停用此功能，我喜歡它，只是想解決上述問題。
答案1
導致此問題的原因是 stackexchange 編輯器使用背景圖像作為其圖示。在高對比模式下，所有背景影像都會被刪除。解決這個問題的唯一方法是使用 @media 查詢（用於高對比度）和/或不使用背景屬性，而是使用內容屬性。
[element]:after {content: url([image url]);} 僅此一項就可以讓圖像顯示出來。除非與背景的對比度足夠高，否則它不會使其對所有用戶可見。
.wmd-button > span**:after** { 內容：url("../../Img/unified/wmd-buttons.svg?v=71f92841a4f1");背景大小：初始！
以下程式碼將在 Windows（Edge 和 IE11）中運行，以提供可在高對比度（活動、白底黑字、黑底白字）下工作的自訂彩色按鈕：
@media screen and (-ms-high-contrast:active){ .wmd-button > span:after { content: url("../../Img/unified/wmd-buttons.svg?v=71f92841a4f1") ;背景大小：初始！ } }