Js插件:-prefix-free

-khtml-     Konqueror

-rim-         RIM

-ms-         Microsoft(IE)

-0-            Opera

-moz-       Mozilla(如Firefox)

-webkit-   Webkit

没有私有前缀的,是W3C的标准.

你可以看到一组私有前缀,当然不完全,至少对于我来说,经常用到的也就是其中几个,但是就这样的话也使代码变得臃肿。

前段时间发现了一个比较好用的js插件,http://leaverou.github.com/prefixfree/prefixfree.min.js,引用之后,运行代码时,会自动为cs文件追加前缀,当然是在浏览器当中添加,而不是css文件。

可以看一下prefix项目的首页:http://leaverou.github.com/prefixfree/

该页面上列出了prefixfree.js几个局限性的地方:

  1. 不支持@import-ed之类文件
  2. 不支持跨域链接样式
  3. 不支持filter
  4. 无前缀链接样式Chrome和Opera下部分不
  5. 行内style无前缀值在IE和FireFox3.6以下不,FireFox 3.6下的属性亦如此

浏览器支持
目标浏览器为IE9+, Opera 10+, Firefox 3.5+, Safari 4+ 和 Chrome。


* 总结:
1、旧版 IE 是不会获得前缀:如果你的 CSS 有 transform:rotate(10deg),这个 prefixfree.js 不会自动转换到 filter 或者添加 -ms- 前缀(有可能把布局弄垮)
2、如果游览器不支持 Javascript,CSS 代码不会得到前缀(有可能把布局弄垮,某些游览器需要前缀)
3、从好的方面来看,这款 JS 只有 5KB(gzipped 后2.5KB):2.5KBvs 重复的 CSS 代码



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值