當前的CSS3建議(確切地說this candidate version)爲定位背景圖像提供了新的可能性,這在使用CSS精靈時可能非常有用。IE9是否支持新的CSS3四值背景定位語法?
我在可能性底部位置特別感興趣的背景,同時還增加了一個偏移量(從圖像的底部),所以這樣的:
#container {
background-image:url(sprite.png);
background-position:bottom -100px left 0;
}
會拿我sprite.png
圖像,然後貼在我的#container
元素的底部,然後將它拖下來 100像素,以便該圖像的底部100像素不會顯示。圖像會從底部填充到高達#container
。
這適用於Chrome(版本29.0.1547.76米),Firefox(24.0)和IE10。但我無法在IE9上測試。 IE9是否支持這種新的語法?
我有一箇舊的Windows XP機器,我可以在IE8中測試,它絕對不能工作。
編輯
我有機會做一些測試,我可以確認它工作在IE9(在Win7專業版32位測試)
我認爲這是推薦的「官方」網址:http://www.w3.org/TR/css3-background/#the-background-position –
@ PaulD.Waite您指向「當前」版本。爲防萬一它發生巨大變化(它很可能不會),我想引用描述我正在採取的行爲的確切版本(因爲這需要永久存檔;))。 –
啊,是的,我明白了。是的,因爲它是一個建議,我認爲它不會改變 - 如果我理解正確,那幾乎就是W3C標準的最終狀態。總是善於面向未來,做得好:) –