CSS背景层-上层使用不透明度的颜色



我想使用rgb来使用颜色不透明度,我的问题是,我并不总是有我想要的背景,我无法创建其他HTML或伪元素,因为它们是不透明度的背景。。

所以我一直在考虑使用css多背景。。

我想要作为第一层的背景是rgb(0 0 0 / 74%)

并且在其下方我想要使用梯度CCD_ 3,因此CCD_ 4的不透明度将被施加在上述梯度上。

background: linear-gradient(rgb(0 0 0 / 74%), rgb(0 0 0 / 74%)), var(--gradient) fixed

CCD_ 5不支持作为多个背景,所以可以通过创建线性梯度来伪造它。。

你的意思是这样的吗:

:root{
--grade: linear-gradient(90deg, rgba(2,0,36,1) 50%, rgba(0,212,255,1) 100%);
}
#txt::before{
content:"";
width:100%;
height:18px;
position:absolute;
background: var(--grade);
z-index:-1;
}
#txt{
color:white;
background-color:rgb(0 0 0 / 24%)
}
<div id="txt">This is a Text</div>

最新更新