我试图把一个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%); }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。