一种关于看不清图片上文字时，css设计的思路

下载中心要求有图片的时候，显示背景图，但有些颜色的背景图，显示出来的文字颜色跟背景颜色相近时，是看不清文字的。
原设计图：

可以看到，有背景图时，文字要求显示白色。

但实际情况如下：
这里有个小技巧，给图片再加一层渐变遮罩，重要在于渐变，上层稍微黑一点，中间透明，下面再稍微黑一点，得出如下效果：