Html 有没有办法使文本明亮而背景黑暗？

我想要一个有明亮文本的深色背景，但是线性渐变和/或过滤器使整个div变暗。有没有办法将两者都存档？ html（reactstrap）

---

是的，这是可能的；如果从横幅背景的rgba中删除alpha通道；它将删除应用于所有子元素顶部的不透明度

然后从横幅文本和横幅标题中删除过滤器css属性，这将删除两个文本元素上的过滤效果，使颜色按预期显示。请参阅下文：

.banner{
背景：线性梯度（rgb（0,0,0），rgb（0,0,0）），
url（“../images/page/Front.jpg”）；
文本对齐：居中；
颜色：#fff；
背景重复：无重复；
背景附件：滚动条；
背景位置：中心；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
.横幅文本{
填充：200px 0 150px 0；
颜色：白色；
}
.横幅标题{
字体家族：“龙虾”，草书；
字体大小：75px；
字号：700；
线高：100px；
边缘底部：30px；
颜色：#ffff；
}

很高兴在这里见到你！
这是英雄旗帜上的第二个标题

是，这是可能的；如果从横幅背景的rgba中删除alpha通道；它将删除应用于所有子元素顶部的不透明度

然后从横幅文本和横幅标题中删除过滤器css属性，这将删除两个文本元素上的过滤效果，使颜色按预期显示。请参阅下文：

.banner{
背景：线性梯度（rgb（0,0,0），rgb（0,0,0）），
url（“../images/page/Front.jpg”）；
文本对齐：居中；
颜色：#fff；
背景重复：无重复；
背景附件：滚动条；
背景位置：中心；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
.横幅文本{
填充：200px 0 150px 0；
颜色：白色；
}
.横幅标题{
字体家族：“龙虾”，草书；
字体大小：75px；
字号：700；
线高：100px；
边缘底部：30px；
颜色：#ffff；
}

很高兴在这里见到你！
这是英雄旗帜上的第二个标题

因此，我所做的使背景图片变亮的工作被使用了

background-color:rgba(255,255,255,0.2);
background-blend-mode: lighten;

---

也许可以使用一些类似的东西，但要在背景的css中变暗，并尝试将其用于文本？

因此，我所做的使背景图片变亮的工作被使用了

background-color:rgba(255,255,255,0.2);
background-blend-mode: lighten;

---

也许可以使用类似的东西，但要在背景的css中变暗，并尝试将其用于文本？

这会使整个背景变暗。图像不可见。这会使整个背景变暗。该图像不是Visisbleth，而是使用``背景色：rgba（0,0,0,0.5）；背景混合模式：变暗```这在使用“背景色”时有效：rgba（0,0,0,0.5）；背景混合模式：变暗```

background-color:rgba(255,255,255,0.2);
background-blend-mode: lighten;