html图片渐变显示代码,html – CSS – 覆盖图像上的渐变？

如何在封面图像上设置渐变图层？

例如：

header {

position: relative;

height: 300px;

background-repeat: no-repeat;

background-position: center bottom;

background-image: url('http://www.planwallpaper.com/static/images/Free-Wallpaper-Nature-Scenes.jpg');

background-size: cover;

border-bottom-left-radius: 50%;

border-bottom-right-radius: 50%;

}

h1 {

margin: 0;

padding: 100px 0;

font: 44px "Arial";

text-align: center;

}

header h1 {

color: white;

}

Header Content

Section Content

我希望这个渐变覆盖该图像：

background-image: linear-gradient(to bottom right, #002f4b, #dc4225);

可能吗？