为何CSS3一些内容要加上-webkit,-moz,这些。直接写不是一样能用吗？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 4364 天前的主题，其中的信息可能已经有所发展或是发生改变。

我试了下不分别写出各个浏览器引擎前缀一样能生效啊。所以这个的意义何在？都写的话CSS文件直接多了很多行呢。

我试

webkit

moz

6 条回复 • 1970-01-01 08:00:00 +08:00

reus

2012-12-10 22:53:03 +08:00

给某些浏览器的某些版本看的

raly

2012-12-10 22:53:54 +08:00

你测试的应该都是版本比较新的浏览器。写这些是为了在不同版本的不同浏览器之间实现最大程度上的兼容。

Sivan

2012-12-10 23:09:18 +08:00

在标准统一前，很多厂商都通过自家的前缀「提前」实现了 CSS3。于是一些已经几乎 100% 确定进入标准的内容即便不加前缀这些浏览器也实现了。一些所谓的实验性功能因为还没正式加入标准，所以目前还要借助各家自己的前缀来实现。

一些通用的 CSS3 代码诸如 border-radius、box-shadow、text-shadow 等其实已经可以不用任何前缀了，只是一些在线工具或编辑器插件还没更新过来。

cyokvip

2012-12-11 08:29:20 +08:00

为了兼容其他浏览器

zythum

2012-12-11 10:12:02 +08:00

这个前缀。其实还可能有做hack的能力...呵呵。话说现在css怎么hack ie10

clowwindy

2012-12-11 11:22:51 +08:00

就在两三年前这些 CSS3 功能不加前缀还不能用，这几年看着一个又一个的前缀去掉，真是欣慰啊。