有沒有辦法獲得一個背景圖像呈現moz線性漸變

在CSS中，您通常可以設置背景圖像和背景顏色，圖像將被渲染在顏色的頂部。有沒有辦法獲得一個背景圖像呈現moz線性漸變

#someDiv 
{ 
    background-image: url(arrow.png); 
    background-color: blue; 
}

這將導致#someDiv與上面的arrow.png圖像有藍色背景。

但是，如果我想要使用firefox的-moz-linear-gradient爲背景做漸變，那麼有什麼辦法讓圖像在這個漸變上渲染？

編輯：

MDC指出漸變替換背景圖像標記。所以在這種情況下，我想後續問題是可以指定兩個背景圖像並讓它們渲染一個在另一個之上？

來源

2010-08-04 Razor Storm

你有沒有想過加入其他的div了它並設置其背景與適當的不透明度值？ – Ivan 2010-08-04 21:24:35

這可以工作，但是，我想知道是否有純粹的css解決方法。原因是div是由第三方jQuery/javascript插件（沒有可調用的API）生成的，所以我不完全希望深入挖掘並剖析它的代碼，除非我絕對必須。（這不是什麼大不了的事，但我想知道是否有更簡單的解決方案）。 – 2010-08-04 21:31:20

這個例子在Mozilla的網站有梯度的背景下，背景圖片：

https://developer.mozilla.org/en/css/multiple_backgrounds

來源

2010-08-04 21:28:51 DHuntrods

瘋狂的壞蛋！這就是爲什麼我愛壁虎:) – 2010-08-04 21:32:56

我知道！我不能等到所有瀏覽器都這麼做= D – DHuntrods 2010-08-04 21:35:35

令人敬畏的webkit瀏覽器也支持它！（Firefox，Chrome和Safari是我整個目標受衆的全部，我很幸運，我不必迎合IE） – 2010-08-04 21:38:07

有沒有辦法獲得一個背景圖像呈現moz線性漸變

回答

相關問題