使用prefixfree.js时无法看到渐变 [英] Can't see gradient when using prefixfree.js

查看:107
本文介绍了使用prefixfree.js时无法看到渐变的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

EDIT 帮助了

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

我想使用prefixfree.js快捷方式添加前缀我想我做的正确,但它不工作。我看到在firebug的脚本加载。未显示渐变。

im trying to use prefixfree.js to shortcut around adding prefixes I think I'm doing it right but it's not working. I see in firebug that the script is loaded. No gradient is being shown.

html:

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

</body>

css:

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



当我使用

I see a gradient when I use

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

我认为js文件的点是所以我不必把前缀。
如果使用最新语法,

I thought the point of the js file was so I didn't have to put the prefix in. Any help would be apreciated.

推荐答案

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

它应该没有前缀:)

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

这篇关于使用prefixfree.js时无法看到渐变的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆