您可以使用伪元素来实现只反色背景图片而不影响其他元素:

body {
  position: relative;
}

body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/backend/web/../../resources/image//雪舞☆九天.gif');
  filter: invert(100%);
  z-index: -1;
}

这样,我们在 body 元素上创建一个伪元素,将其放在 body 元素的下面,然后将背景图片应用到伪元素中,并使用 filter 属性反转它。通过将伪元素放置在 body 元素下面,我们可以确保只有背景图片被反转而不影响其他元素。

body background-image urlbackendwebresourcesimage雪舞☆九天gif; filter invert100;如何只反色背景图片 不反色body中的所有元素

原文地址: https://www.cveoy.top/t/topic/cQp7 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录