如何根据深色模式或浅色模式切换图片

我想根据操作系统当前使用的模式自定义我的横幅图像。
我尝试将以下内容添加到我的 color_definitions.scss 样式表中:

$banner: url(dark-light-choose($light-banner, $dark-banner));

:root {
  --custom-banner: #{$banner};
}

并且我尝试在我的常规样式表中使用 var(--custom-banner)

在 PC 和手机上看起来都很好。但图片在 iPad 上会闪烁。 :disappointed_relieved:

有什么方法可以解决这个问题,还是我应该尝试其他方法?

你好 :waving_hand: 可以给我看一个例子吗? :slightly_smiling_face:

1 个赞