背景色上的彩虹文本无法使用css

背景色上的彩虹文本无法使用css,css,Css,我正在尝试在黑色背景上创建彩虹文本 为什么我的代码不起作用? 当用css画图时,它会显示彩虹文本,但背景颜色,反之亦然 .Bg5{ 背景色:#292F33!重要; 文本阴影:0px2p1pxRGBA(0,0,0,0.55)!重要; } .Bg5{字体大小:74px!重要; 背景图像: -网络工具包梯度( 线性,右上,右下, 颜色停止(0.4,#FB0F64), 颜色停止(0.7,#D4FE20), 颜色停止(0.8,#6EFF1D) ); 颜色:透明; -webkit背景剪辑:文本; 背景剪辑

我正在尝试在黑色背景上创建彩虹文本

为什么我的代码不起作用? 当用css画图时,它会显示彩虹文本,但背景颜色,反之亦然

.Bg5{
背景色:#292F33!重要;
文本阴影:0px2p1pxRGBA(0,0,0,0.55)!重要;
}
.Bg5{字体大小:74px!重要;
背景图像:
-网络工具包梯度(
线性,右上,右下,
颜色停止(0.4,#FB0F64),
颜色停止(0.7,#D4FE20),
颜色停止(0.8,#6EFF1D)
);
颜色:透明;
-webkit背景剪辑:文本;
背景剪辑:文本;
-webkit文本笔划:2px黑色;
}

彩虹色文本
您可以使用伪元素创建另一层:

.Bg5{
字体大小:74px!重要;
文本阴影:0px2p1pxRGBA(0,0,0,0.55);
背景图像:线性渐变(向右、黄色、红色);
颜色:透明;
-webkit背景剪辑:文本;
背景剪辑:文本;
-webkit文本笔划:2px黑色;
位置:相对位置;
}
.Bg5:之前{
内容:“;
位置:绝对位置;
排名:0;
右:0;
左:0;
底部:0;
z指数:-1;
背景色:#292F33;
}

彩虹色文本
列出不同方法的链接:好的,我正在查看。谢谢..我该如何调整背景色?我希望它是非常棒的!。。。但是文本颜色受黑色背景颜色的影响,对吗?@joe我想说这是抗锯齿的效果,可能是一些视觉错觉,使人认为文本受背景影响。请查看这把小提琴,应该每个单词都有效果,而不是整段。@joe没有理解你。。。你的意思是什么?你期望什么,对梅来说似乎很好……我期望每个单词都有三种颜色