漸變背景不能在Chrome中使用-webkit漸變

所有的問候，漸變背景不能在Chrome中使用-webkit漸變

我正在使用帶-webkit漸變的漸變背景。它不適用於Windows 7上的Chrome 8.0.552.224，但我可以發誓它最近正在使用Chrome OS X.它是星期一，所以也許我錯過了一些明顯的東西，但如果是這樣，我無法弄清楚。我很感激你的看法。這裏的示例代碼將工作在Firefox，但不會顯示在瀏覽器的漸變：

感謝， -Northk

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Gradient test </title> 
    <style> 
     .main-header 
     { 
      padding-top: 50px; 
      min-height: 50px; 
      background: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(#fff), to(#000)); 
      background: -moz-linear-gradient(top, #fff, #000); 
      border: 1px solid #000; 
     } 
    </style> 
</head> 
<body> 
    <div class="main-header"> 
     THIS WORKS ON FIREFOX BUT DOESN'T WORK ON CHROME-WINDOWS 7! 
    </div> 
</body> 
</html>

來源

2010-12-20 North Krimsly

好像我剛剛得到了語法錯誤。下面是它應該是這樣：

background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#000));

來源

2010-12-21 03:31:20

我與'-webkit梯度類似的問題（線性，底部，左側175px，從（#CCCCCC）至（#EEEEEE））'。固定感謝您的帖子 – MonoThreaded 2013-05-20 09:26:33

注意在Chrome 16.0.912.75m解析風格時，還是有一個小錯誤的CSS /問題：

background:-webkit-linear-gradient (top,gray 0,#A0A0A0 100%);

這是行不通的，因爲之間的空間 - webkit-linear-gradient和開始括號。刪除額外的空格將解決問題並縮小CSS。

來源

2012-01-21 18:14:12 OSP

嘗試此

background: -webkit-linear-gradient(#DDDDDD, #ffffff);

來源

2013-07-10 04:59:12 Arthas

Thanx炒鍋對我來說 – TodStoychev 2014-08-22 13:45:15

漸變背景不能在Chrome中使用-webkit漸變

回答

相關問題