body background-image urlbackendwebresourcesimage雪舞☆九天gif; filter invert100;如何只反色背景图片 不反色body中的所有元素
您可以使用伪元素来实现只反色背景图片而不影响其他元素:
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 元素下面,我们可以确保只有背景图片被反转而不影响其他元素。
原文地址: https://www.cveoy.top/t/topic/cQp7 著作权归作者所有。请勿转载和采集!