使用prefixfree.js时看不到渐变

时间:2014-08-31 00:01:36

标签: javascript html css css3

编辑这有助于

http://lea.verou.me/2012/07/important-prefix-free-update/

我试图使用prefixfree.js快捷方式添加前缀我认为我做得对,但它不起作用。我在firebug中看到脚本已加载。没有显示渐变。

HTML:

<body>
    <div id = "linear" class="box">linear</div>

</body>

的CSS:

    #linear{
        background-image: linear-gradient(top left, red, white, green);
    }

我使用

时会看到渐变
background-image: -moz-linear-gradient(top left, red, white, green);

我认为js文件的意思是,所以我没有把前缀放进去。 任何帮助都会被贬低。

1 个答案:

答案 0 :(得分:0)

如果您使用最新语法:

background-image: linear-gradient(to top left, red, white, green);

它应该没有前缀:)

请参阅:https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient