CSS：Android Web App：顏色漸變問題

我正在用jQuery Mobile和Phonegap開發應用程序。我想有從＃3c3c3c（灰色）的背景顏色漸變到＃000000（黑色），但是當我使用此代碼CSS：Android Web App：顏色漸變問題

background: -webkit-linear-gradient(top, #3c3c3c, #000000);

就可以看到剛與不同的灰色色調的幾大酒吧。所以沒有線性漸變。你也可以看到一些綠色和一些紫羅蘭色的酒吧。

- Sorry as a new user I am not able to insert a Screenshot -

我也試圖代替插入背景圖像，其示出了一個顏色漸變但這也看起來如上所述（我們也試圖最大化圖像的顏色深度，但是這也沒有改變的結果）。

設備是否有可能無法爲線性漸變顯示足夠的顏色？是否有另一種創建線性漸變的可能性？

任何幫助，非常感謝！

我與的Galaxy Tab GT-P1000 固件，版本2.2

來源

2012-02-13 DrLudwig3

任何好運的伴侶？ – 2013-07-29 05:36:15

要覆蓋所有客戶羣：

 background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#000000)) !important; /* Saf4+, Chrome */ 
     background-image: -webkit-linear-gradient(#3c3c3c, #000000) !important; /* Chrome 10+, Saf5.1+ */ 
     background-image: -moz-linear-gradient(#3c3c3c, #000000) !important; /* FF3.6 */ 
     background-image:  -ms-linear-gradient(#3c3c3c, #000000) !important; /* IE10 */ 
     background-image:  -o-linear-gradient(#3c3c3c, #000000) !important; /* Opera 11.10+ */ 
     background-image:   linear-gradient(#3c3c3c, #000000) !important;

如果你不需要它，那麼放棄！重要！我用它來覆蓋一些默認的jQM樣式，這就是爲什麼，並確保你有後臺剪輯：border-box; （這是默認的）

來源

2012-02-13 17:55:47

嘿，謝謝你的回覆！我測試了它，但結果相同=/ 我仍然無法在此發佈屏幕截圖，但我可以向您發送一個指向jquery論壇的鏈接，我也在該屏幕截圖中發佈了此問題;-D 也許這有助於！ [鏈接]（https://forum.jquery.com/topic/help-color-gradient-issue） – DrLudwig3 2012-02-14 09:03:13

測試可能是你必須這樣寫：

background: -webkit-linear-gradient(top, #3c3c3c 0%, #000000 100%);

來源

2012-02-13 17:06:09 sandeep

嘿，謝謝你的回答！但是這個代碼在 - 例如我的Chrome瀏覽器中工作 - 但在設備上我正在測試什麼也沒有發生=/ 我正在測試Galaxy Tab GT-P1000固件 - 版本2.2 – DrLudwig3 2012-02-14 08:57:14

CSS：Android Web App：顏色漸變問題

回答

相關問題