Html 为什么这张照片没有变暗？

有人能指出为什么我的图像没有变暗吗？我教自己一些HTML和CSS，不能让这个图像变得更暗

.carousel内容{
最小高度：100%；
背景位置：中心；
背景尺寸：封面；
位置：固定；
排名：0；
左：0；
背景：rgba（0,0,0,0.5）；
}
.image1{
宽度：100%；
背景：rgba（0,0,0,0.5）；
}

---

背景在图像后面，如果你想让它变暗，你需要在上面加一个覆盖层，并在那里设置透明背景

.carousel内容{
位置：相对位置；
}
.覆盖{
位置：绝对位置；
左：0；
排名：0；
高度：150像素；
宽度：275px；
背景：rgba（0,0,0,0.5）；
右边框：2px虚线#fff；
}

---

您也可以保持原样（假设为黑色背景），只需设置图像的不透明度，使其稍微褪色，并显示纯色背景色

.carousel内容{
最小高度：100%；
背景位置：中心；
背景尺寸：封面；
位置：固定；
排名：0；
左：0；
背景：rgba（0,0,0,1）；
}
.image1{
宽度：100%；
不透明度：.5；
}

您的css都不会使图像变暗。您实际上是在处理图像的背景。请查看是否会弄乱图像。如果要使用背景色对其着色，请使用bgcolor元素或让bgcolor元素跟随dom中的image元素，将具有bgcolor的元素定位在图像上方。