0

我正在阅读这篇文章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 正在正确渲染背景渐变，但 Google Chrome（版本 22）根本没有渲染背景渐变。查看截图 火狐铬合金

4

1 回答 1

0

目前（Chrome 24 / Safari 6）Webkit 还没有添加对无前缀 css3 渐变的支持。如果您考虑到即使 IE10(!) 已经使用无前缀语法，这有点令人难过。

参考：http ://caniuse.com/#search=grad

于 2012-11-03T13:44:41.883 回答