Trainline网站背景图未用CSS滤镜及遮罩，如何实现天空变暗效果？

• 图片本身已做暗化处理：你获取的原图可能和官网实际使用的不是同一版本——官网可能直接用了提前调色暗化后的图片，而非原始亮版。可以通过浏览器开发者工具的网络面板查看官网加载的图片资源，确认是否存在经过后期处理的背景图文件。
• CSS背景混合模式：可能遗漏了background-blend-mode属性，比如给背景图搭配半透明深色的background-color，再设置blend-mode: multiply或darken，这种方式无需额外遮罩div，直接通过背景属性混合实现暗化。
• 伪元素隐形遮罩：检查body或背景图所在父容器的CSS伪元素（::before/::after），官网可能用这类伪元素添加了半透明深色背景，叠加在背景图上方，这类元素不会在HTML结构中直接显示，需要在CSS中查找。
• 背景图+渐变叠加：如果背景图不是直接绑定在body上，而是在某个hero区域容器内，可能使用了background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(...)的写法，把半透明渐变和原图叠加，以此实现暗化效果，这种情况也不会有独立的遮罩div。

内容的提问来源于stack exchange，提问作者Pyrux