浏览器支持混合背景位置值

时间:2012-12-09 15:02:16

标签: cross-browser css

从CSS2.1开始,可以混合CSS背景位置值,如background-position: center 20pxbackground-position: 200px bottom

现在我需要知道这个浏览器支持有多好,因为我听说Opera版本< 8和早期的Firefox版本(大约V1)有问题或者不支持它。

1 个答案:

答案 0 :(得分:3)

当您仅考虑2012年重要的浏览器和版本时,浏览器对此的支持是完美的。您提到的Opera和Firefox的版本在 8年前发布

那说,出于历史的考虑:

  • 此更改列在changelog for Opera 8中。所以是的,以前的版本不支持它。

  • Mozilla在Gecko 1.7到this enhancement中实现了它。 Mozilla 1.7和Firefox 1.0使用Gecko 1.7(虽然它可能在一些晚期的0.9版本中也是如此)。因此,从技术上讲,Firefox从第一个稳定版本开始就一直有这种变化的基本支持。

  • KDE在KHTML中实现了它,修复了this bug。当然,这是在SafariK的WebKit中采用的。 Safari 1.2及以下版本未实现此更改。

  • 惊喜! IE一直支持这种语法(至少从IE5.0开始),我相信这可能是为什么改变开始进入CSS2.1的部分原因。

请注意,稍微更新的版本可能会在混合单位时“正确”解释y x值,而实际上是they're not supposed to。但是,既然你应该首先编写有效的CSS,那也无所谓。