css3 moz-linear-gradient不工作

由於某種原因，我的webkit定義在chrome上工作，但在firefox 3.5.11中，我沒有看到我的漸變。css3 moz-linear-gradient不工作

html { 
    height: 100%; 
} 
body { 
    height: 100%; 
    background-repeat: no-repeat; 
} 
body{ 
    height:100%; 
    background-color: #eaebeb; 
    background-image: -moz-linear-gradient(top, #eaebeb, #fff); 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eaebeb), to(#fff)); 
}

我試過https://developer.mozilla.org/en/using_gradients沒有運氣的例子。

來源

2010-08-17 Chris

咳咳

在頁面的頂部：

在壁虎1.9.2（火狐3.6 /雷鳥3.1/1.0的Fennec）

當然它引入在Firefox 3.5中不起作用。

來源

2010-08-17 13:55:19

@Yi感謝隊友:-)我認爲自從我在這裏運行fedora 13以來我有了最新版本，但顯然不是3.6版本，所以我甚至都沒有想過要檢查版本。 – Chris 2010-08-17 13:55:51

它應該是background而不是background-image。

來源

2010-08-17 13:54:08 Skilldrick

使用「background-image」是一種解決方法，允許使用舊版瀏覽器。因爲它會將漸變的「圖像」放置在背景顏色上方。如果使用非實體漸變（即alpha小於1的漸變），可能會產生一些意想不到的效果（顏色將通過漸變顯示），但在示例中顯示它應該可以正常工作（假設您有更新的瀏覽器）。 – 2011-01-02 14:57:14

使用漸變時將background-image更改爲background。

來源

2010-08-17 13:54:41 derekerdmann

css3 moz-linear-gradient不工作

回答

相關問題