你可以在背景图片上叠加透明的css3渐变吗？

我试图把一个css3渐变在背景图像的顶部。使用下面的代码将背景图像放在我的渐变的顶部，但我想尝试做另一种方式，所以渐变作为顶部的掩码。

url(images/darkwood.png),-webkit-gradient(linear,0 0,0 100%,from(#EEF),to(#000)) 300px 50px no-repeat,from(#EFE),to(#000)) 0 0 no-repeat;
background: 
url(images/darkwood.png),-moz-linear-gradient(#EEF,rgba(0,1)) 300px 50px no-repeat,-moz-linear-gradient(#EFE,1)) 0 0 no-repeat;

谢谢你的帮助

解决方法

我为我的一个网站这样做，希望它的工作为你;

body {
    margin: 0;
    padding: 0;
    background: url('img/background.jpg') repeat;
}

body:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background: -webkit-radial-gradient(top center,ellipse cover,rgba(255,255,0.2) 0%,0.5) 100%);
}