Chrome -webkit-object-fit不起作用

时间:2012-10-29 19:34:23

标签: css google-chrome css3

在Chrome中的样式表中使用-webkit-object-fit会生成“未知属性名称”。

它不受支持吗? -webkit-border-image有效。

2 个答案:

答案 0 :(得分:6)

http://caniuse.com/object-fit

2016年2月15日更新

现在支持除了Internet Explorer和Edge之外的所有主要浏览器都没有前缀的此扩展(尽管在Edge中它具有中等优先级的flagged as Under Consideration,因此将来可能会支持它。)

原创(过时)回答

  

这个特殊的扩展似乎是一个Opera支持的项目,因为它   没有获得任何其他浏览器的支持。

答案 1 :(得分:1)

目前没有支持object-fit属性的基于webkit的活动浏览器。这个属性已经存在了很长一段时间,并且该规范达到了候选推荐,因为它是在Opera Presto(< = 12)浏览器和HP TouchPad(WebOS 3.0)中实现的。但是,这两个都已过时,因此该属性也出现在CSS Images Level 4规范中

它已被添加到Chrome 32中,但由于这使用了Blink,因此该属性没有前缀,因此不需要使用-webkit-前缀。

如果你正在寻找一个polyfill,我已经制作了一个基于jQuery的,你可以在http://www.steveworkman.com/html5-2/javascript/2012/css3-object-fit-polyfill/获得