CSS3 是否支持对单个的背景使用图像和渐变？
我知道您可以在 CSS3 中的单个
url(...) ）带有渐变生成背景（例如-moz-linear-gradient(...)）？如果是这样，语法是什么？
如果不是，达到相同结果的最佳实践是什么？
谢谢。
I know you can do multiple backgrounds on a single <div> in CSS3, but is it possible to mix an image-referencing background (i.e. url(...)) with a gradient generating background (e.g. -moz-linear-gradient(...))?
If so, what is the syntax?
If not, what is a best-practice to achieve the same result?
Thanks.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
你可以！
可以在 http://software.hixie.ch 观看直播/utilities/js/live-dom-viewer/saved/675。
当然，请注意，CSS 渐变仍在不断变化。
You can!
which can be seen live at http://software.hixie.ch/utilities/js/live-dom-viewer/saved/675.
Note, of course, that CSS gradients are still in flux.
我假设您正在尝试有条件地使用支持的渐变，但否则图像？
如果是这样，那么一种方法是通过 Javascript 来完成——例如：
我不确定如何检查浏览器类型，但这应该是一个简单的 Google 搜索。
但是，如果您尝试使图像叠加在渐变上，但透明（以便部分渐变显示出来），您可以尝试此处描述的内容： http://www.css3.info/introduction-opacity-rgba/
请注意，它使用 0.0-1.0 作为 alpha，而不是0-255。
I assume you are trying to conditionally use gradients where supported, but image otherwise?
If so, then one way would be to do it via Javascript -- for example:
I'm not sure exactly how to check for the browser type, but that should be a simple Google search.
However, if you are trying to make it so that the image is superimposed on the gradient, but transparent (so that some of the gradient is showing through), you could try what is described here: http://www.css3.info/introduction-opacity-rgba/
Note that it uses 0.0-1.0 for alpha, not 0-255.