CSS背景渐变动画中断

Question

我在CSS中有一个动画渐变，但是当我在页面上放置文本或图像时会显示一条线？我是否需要对CSS中的文本或图像执行某些操作？我已经看到它在Sass中工作，但想要一个纯CSS方法。

#include<iostream>

struct TraitZero{
    static constexpr int a = 0;
};

struct TraitOne{
    static constexpr int a = 1;
};

template<typename Trait>
class James{
static constexpr int a = Trait::a;
public:
    James(){
        if(a==0){
            std::cout << "0" << std::endl;
        }else{
            std::cout << "1" << std::endl;
        }
    }
};

int main() {
    James<TraitZero> j0;
    James<TraitOne> j1;
}

Answer 1

对不起，伙计们，只是Codepen搞砸了。它有效。