css特定于Firefox的背景图片？

Question

是否可以设置特定于Firefox的CSS background-image（甚至只是background）？我尝试指定-moz-background-image：

.myClass
{ 
   background-image: url(../images/1.svg);
   -moz-background-image: url(../images/1.png); } 
}

但是Firebug透露：

  

未知属性'moz-background-image'。声明被撤销。

还有其他办法吗？

Answer 1

试试这个：

@-moz-document url-prefix() {

    .myClass {
        background-image: url(../images/1.png);
    }

}

一个小例子：

http://jsfiddle.net/coma/TSQmj/

但除此之外，正如一些人评论的那样，Firefox没有必要（我会测试一下）：

http://css-tricks.com/using-svg/

还有另一个webkit：

@media screen and (-webkit-min-device-pixel-ratio:0) {

    ...

}