特定於Firefox的css background-image？

是否可以設置特定於Firefox的CSS background-image（或甚至只有background）？我試圖指定-moz-background-image：特定於Firefox的css background-image？

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

但螢火顯示：

未知屬性 'MOZ背景圖像'。聲明下降了。

是否有另一種方法可以做到這一點？

來源

2013-05-16 lhan

爲什麼要這樣做？ Firefox支持SVG背景圖像沒有問題。 – BoltClock

這就是我的想法 - 但我有一個頁面上有幾個SVG圖形，而且我正在使用Jquery Draggable來點擊拖動頁面（類似於Google Maps），並且在Firefox中幾乎不可用。它幾乎完全鎖定，拖動幾乎不起作用。這只是Firefox中的一個問題。因此，作爲一項測試，我將PNG重新放入（最初使用的），並且按預期工作。 – lhan

所以要完全回答你的問題，這更多的是一個臨時的創可貼，這樣我就可以找到潛在的問題。 – lhan

試試這個：

@-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) { 

    ... 

}

來源

2013-05-16 19:23:42 coma

是的工作，謝謝！我從來沒有見過'@ -moz-document url-prefix（）'聲明，而Visual Studio **討厭**語法！ :) – lhan

對於webkit還有另一個**技巧**。 – coma

我很高興讓Visual Studio傷心，哈哈哈 – coma

特定於Firefox的css background-image？

回答

相關問題