CSS3 渐变与背景图像?可能的?
可能的重复:
是否可以将背景图像和 CSS3 结合起来渐变?
我正在使用CSS作为背景渐变:
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #95d7d3), color-stop(1, #7db1ad) );
background:-moz-linear-gradient( center top, #95d7d3 5%, #7db1ad 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#95d7d3', endColorstr='#7db1ad');
但我还想添加背景图像,有没有办法用这些渐变来做到这一点?
如果我使用这个:
background: -moz-linear-gradient( center top, #95D7D3 5%, #7DB1AD 100% ) url(../img/icons.png) 0 -293px no-repeat!important;
渐变会覆盖背景图像。
有什么想法吗?
Possible Duplicate:
Is it possible to combine a background image and CSS3 gradients?
I'm using CSS for a background gradient:
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #95d7d3), color-stop(1, #7db1ad) );
background:-moz-linear-gradient( center top, #95d7d3 5%, #7db1ad 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#95d7d3', endColorstr='#7db1ad');
But I would also like to add a background image, is there a way of doing this with these gradients?
If I use this:
background: -moz-linear-gradient( center top, #95D7D3 5%, #7DB1AD 100% ) url(../img/icons.png) 0 -293px no-repeat!important;
The gradient over-rides the background image.
any ideas?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
背景: url(../img/icons.png), -moz-线性渐变( 中心顶部, #95D7D3 5%, #7DB1AD 100% ) ;
background: url(../img/icons.png), -moz-linear-gradient( center top, #95D7D3 5%, #7DB1AD 100% ) ;
下面的链接会有帮助吗:
http://css3.mikeplate.com/
Will the below link be helpful:
http://css3.mikeplate.com/