用CSS的单行线对图像进行梯度叠加

我试图用这个代码在背景图像上加一个渐变

background: url('../img/newspaper.jpeg'),linear-gradient(to bottom right,#002f4b, #dc4225);
background-size: cover;

---

我正在获取图像，但没有应用渐变

先添加渐变，然后添加图像url，如下所示：

background: linear-gradient(rgba(244, 67, 54, 0.95),
                            rgba(33, 150, 243, 0.75),
                            rgba(139, 195, 74, 0.75),
                            rgba(255, 87, 34, 0.95)),
                            url("http://placehold.it/200x200");

或者查看下面的代码片段：

.bg{
背景：线性梯度(
rgba（244,67,54,0.45），
rgba（331502430.25），
rgba（139195740.25），
rgba（255,87,34,0.45）），
网址（“http://placehold.it/200x200");
宽度：200px；
高度：200px；
}

---

先添加渐变，然后添加图像url，如下所示：

background: linear-gradient(rgba(244, 67, 54, 0.95),
                            rgba(33, 150, 243, 0.75),
                            rgba(139, 195, 74, 0.75),
                            rgba(255, 87, 34, 0.95)),
                            url("http://placehold.it/200x200");

或者查看下面的代码片段：

.bg{
背景：线性梯度(
rgba（244,67,54,0.45），
rgba（331502430.25），
rgba（139195740.25），
rgba（255,87,34,0.45）），
网址（“http://placehold.it/200x200");
宽度：200px；
高度：200px；
}

div{
宽度：350px；
高度：350px；
背景：线性渐变（右下角，rgba（0,47,75,9），rgba（220,66,37,9）），url(http://placehold.it/350x350);
背景尺寸：封面；
}

div{
宽度：350px；
高度：350px；
背景：线性渐变（右下角，rgba（0,47,75,9），rgba（220,66,37,9）），url(http://placehold.it/350x350);
背景尺寸：封面；
}