CSS3 渐变与背景图像?可能的?

发布于 2024-12-05 13:02:46 字数 792 浏览 1 评论 0原文

可能的重复:
是否可以将背景图像和 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

新雨望断虹 2024-12-12 13:02:46

背景: url(../img/icons.png), -moz-线性渐变( 中心顶部, #95D7D3 5%, #7DB1AD 100% ) ;

background: url(../img/icons.png), -moz-linear-gradient( center top, #95D7D3 5%, #7DB1AD 100% ) ;

终难愈 2024-12-12 13:02:46

下面的链接会有帮助吗:

http://css3.mikeplate.com/

Will the below link be helpful:

http://css3.mikeplate.com/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文