HTML直接在<style>内对背景图片做渐变颜色遮罩【滤镜】

首先，这是一只普通的DIV设置了其背景：

<div class="DivTest" style="
    text-align: center;
    padding: 1em;
    background:
    url(/i/usr/themes/arcadia/assets/css/haitang.jpg)
    no-repeat 0% 70%/ cover;
    color: white;
">
test
</div>

然后给它加一层渐变滤镜

<div class="DivTest" style="
    text-align: center;
    padding: 1em;
    background: linear-gradient(#65c294, #65c29480),
    url(/i/usr/themes/arcadia/assets/css/haitang.jpg)
    no-repeat 0% 70%/ cover;
    color: white;
    background-color: #65c294;
">
test
</div>

已知BUG: 手机QQ内浏览器无法正常显示，初步排查原因是其不支持透明色

临时应对办法：在第八行写上background-color: #65c294;，避免不支持渐变色而导致背景为白色而不到文字。

核心方法来自
有没有办法给 background-image 设置透明度？ - 的回答 - SegmentFault 思否 中 exia 的解答