特定于 Firefox 的 css 背景图像？答案

【问题标题】：css background-image specific to Firefox?特定于 Firefox 的 css 背景图像？
【发布时间】：2013-05-17 03:52:06
【问题描述】：

是否可以设置特定于 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”。声明已删除。

还有其他方法吗？

【问题讨论】：

您为什么要这样做？ Firefox 支持 SVG 背景图片没有问题。
这就是我的想法 - 但我有一个包含几个 SVG 图形的页面，我正在使用 Jquery Draggable 来点击拖动页面（类似于谷歌地图），它几乎无法使用火狐。它几乎完全锁定，拖动几乎不起作用。这只是Firefox中的一个问题。因此，作为测试，我将 PNG 放回原处（最初使用的），它按预期工作。
所以要全面回答您的问题，这更像是一个临时创可贴，以便我可以追查根本问题。
是的，Ihan16，你是对的。但是如果你需要应用一些特定的样式，好吧，有一种方法......

【解决方案1】：

试试这个：

@-moz-document url-prefix() {

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

}

一个小例子：

但除此之外，正如一些人评论的那样，Firefox 没有必要这样做（我将对此进行测试）：

webkit 还有一个：

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

    ...

}

【讨论】：