IE8和IE9中的背景位置底部无法正常工作

Question

我在Body中使用了这个css

body {
    margin:0; 
    padding:0;
    background:#000 url(../images/footer.jpg) left bottom repeat-x;
    color:#fff;
}

除了IE8和IE9之外，它在每个浏览器中都能正常工作。我认为背景底部的位置在IE8和IE9中不起作用。 还有什么可以起作用吗？

谢谢！

Answer 1

在后台速记属性中，位置值为最后一个：

background:#000 url(../images/footer.jpg) repeat-x left bottom;

有趣的是，您的代码在其他浏览器中运行良好，因为这是速记属性的格式。

Answer 2

请勿在{{1​​}}元素中设置任何背景图片。而是添加一个body元素，它包装所有内容并设置背景图像和此div的位置。