谷歌瀏覽器根本不渲染背景漸變

我正在閱讀這篇文章http://www.sitepoint.com/using-unprefixed-css3-gradients-in-modern-browsers/。我創建了這篇文章教導的小小演示。谷歌瀏覽器根本不渲染背景漸變

<html> 
    <head> 
     <title>Css Gradients</title> 
     <style> 
      .demo{ 
       height: 200px; 
       width: 400px; 
       margin-bottom: 10px; 
       background: linear-gradient(to right,red,yellow); 
       /*background: linear-gradient(23deg,red,yellow);*/ 
      } 
      #radial{ 
       /*background: radial-gradient(at center,red,yellow);*/ 
       background: radial-gradient(circle closest-corner,red,yellow); 
      } 
     </style> 
    </head> 
    <body> 
     <div class="demo"></div> 
     <div class="demo" id="radial"></div> 
    </body> 
</html>

現在的問題是，Firefox是正確渲染背景漸變，但谷歌瀏覽器（22版）未呈現，在all.See背景漸變的截圖 Firefox Chrome