不好看的線性漸變在火狐

我給我一個線性漸變，但在Firefox中，甚至是新版本，我得到的東西就像建立漸變的純色條。這是在我的CSS：不好看的線性漸變在火狐

background-color: #d3d3d3; 
background-repeat: repeat-x; 
background: -moz-linear-gradient(top, rgba(145,145,142,1) 0%, rgba(253,253,253,1) 99%); 
background: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#fcfcfc)); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3',endColorstr='#fcfcfc'); 
background: -o-linear-gradient(rgb(211,211,211),rgb(253,253,253));

來源

2013-11-26 MarcL

你是什麼意思_是什麼東西像建立梯度_的純色酒吧？ – fiskolin

作品完美http://jsfiddle.net/acyNw/66/ – DaniP

它看起來像這樣：http://d.pr/i/1fVU – MarcL

據this，這是最不可能你面對一個版本的問題。像往常一樣，Firefox是第一個實現符合標準（無前綴）的CSS屬性（它已經有9個版本）。

嘗試刪除background-repeat屬性，因爲它對於漸變幾乎沒有用處，除非您設置了background size。如果解決了，我建議發佈一個關於Bugzilla的bug報告。它在IE10和Chrome上運行良好嗎？

來源

2013-11-26 16:03:41 gchiconi

是的，在IE10（以及一些舊版本）和我測試過的所有Chrome版本中沒有問題。不知道該代碼有什麼問題... – MarcL

嘗試刪除「線性漸變」中的百分比標記。這意味着「0％較暗，100％較輕」，這非常接近您指定的範圍。 – gchiconi

我試過了你寫的所有東西，我的身體看起來像這樣： body {/} {0} {*} * * * * * * * * * * * * * * * * * 身高：100％; background-color：＃d3d3d3; 背景：-moz-linear-gradient（top，rgba（168,168,168,1）0％，rgba（255,255,255,1）100％）; background：-webkit-gradient（線性，左上，左下，從（＃d3d3d3）到（#fcfcfc））; filter：progid：DXImageTransform.Microsoft.gradient（startColorstr ='＃d3d3d3'，endColorstr ='＃fcfcfc'）; background：-o-linear-gradient（rgb（211,211,211），rgb（253,253,253））; font-family：'EB Garamond'，serif; background-attachment：fixed; } 仍然有問題... – MarcL

不好看的線性漸變在火狐

回答

相關問題