如何使用供应商属性在多个背景？

Question

我想使用在CSS多背景，这是目前由火狐3.61支持的，镀铬/ Safari中，假想Opera10.5（不在GNU / Linux运行）。它工作正常，但我想用线性渐变作为背景。它工作正常的Firefox，不会在所有浏览器的工作，但我无法弄清楚如何使两者的工作在同一时间的。 任何线索？ http://snook.ca/archives/html_and_css/multiple-bg-css- 来到最接近的梯度，以配合我需要什么，但我无法得到它的镀铬工作呢。

Answer 1

这为我工作。似乎把Mozilla浏览器的WebKit使得后确认的WebKit背景图片和取消其旧的声明中的第二个参数的存在。所以我放置-moz声明-webkit之前。

  background-image: url("../images/block_stripe_bg.png"); /* for older browsers */
  background-image: url("../images/block_stripe_bg.png"), -moz-linear-gradient(center top, white, #dddddd); /* works for mozilla, ignored by other browsers */
  background-image: url("../images/block_stripe_bg.png"), -webkit-gradient(linear, center top, center bottom, from(white), to(#dddddd)); /* works for webkit, ignored by other browsers */
  background-repeat: repeat; /* older browsers */
  background-repeat: repeat, no-repeat; /* newer browsers should apply this to both backgrounds*/

Answer 2

我还不能肯定，但我的猜测是，镀铬只是不支持呢。虽然一个元素肯定顺耳多背景图片和CSS渐变，我还是会建议使用多个元素与每一个背景图像。出于某种原因，现在还有人在那里谁使用IE浏览器，其不被CSS3友好的。