IE9是否支持新的CSS3四值背景位置语法?

时间:2013-10-14 16:31:35

标签: css3 cross-browser internet-explorer-9 css-sprites

当前的CSS3建议(确切的this candidate version)为定位背景图像提供了新的可能性,这在使用CSS精灵时可能非常有用。

我特别感兴趣的是可以在底部定位背景的同时还添加一个偏移量(从图像的底部),所以这个:

#container {
  background-image:url(sprite.png);
  background-position:bottom -100px left 0;
}

将我的sprite.png图片粘贴到我的#container元素的底部,然后将其向下拖动 100 px,以便该图像的底部100 px不会显示。然后,图像将从底部填满#container的高度。

这在Chrome(版本29.0.1547.76 m),Firefox(24.0)和IE10中运行良好。但我无法在IE9上测试。 IE9是否支持这种新语法?

我有一台旧的Windows XP机器,我可以在IE8上进行测试,它肯定无法正常工作。

修改

我有机会做一些测试,我可以确认它在IE9中工作(在Win7 Pro 32bit测试)