css - 特定于 Firefox 的 css 背景图像？

Question

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

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

但萤火虫揭示：

未知属性“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) {

    ...

}