色调旋转滤镜不适用于身体背景

Question

就像标题所说，我实际上无法将hue-rotate应用于body标签来改变身体的背景。我试着把它放在html标签的css属性中无济于事。

我可以在this codepen看到我的困境的一个例子。

有什么奇怪的是，您可以从同一个CSS范围向background-color和button添加hue-rotate，但是body不能这样做标签。有人知道为什么，和/或有解决方法吗？

Answer 1

使用background : hsl(0%,100%,70%); 然后应用filter: hue-rotation(); 它将起作用。