当前的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测试)
答案 0 :(得分:4)