渐变背景不能在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渐变

回答

相关问题