我试图把一个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%);
}
