2011-12-22 120 views
0

我已经使用这个CSS在身体背景位置底部不工作

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

它工作正常,除了IE8和IE9浏览器的每一个。我认为背景底部的位置在IE8和IE9中不起作用。 还有什么可以工作的?

谢谢!

+1

这可能是任何事情,没有一个简单的测试用例很难说。 – alex 2011-12-22 06:26:20

+0

没有实时链接就很难测试。可以像你的语法一样简单。尝试更新为:background:url(../ images/footer.jpg)bottom left repeat-x#000; – Dan 2011-12-22 06:28:44

+0

@alex你可以给任何网站的链接,我可以把我的HTMl和CSS显示..演示页..? – 2011-12-22 06:47:04

回答

1

在后台速记属性,位置值放在最后:

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

有趣的是,你的代码完全在其他浏览器,因为这是速记属性的格式。

+0

感谢Purmou的回应..但问题仍然在这里..如果你做一个HTML页面,并使用这个身体属性它会看起来罚款所有的浏览器,但IE8和IE9(这是与背景的位置越野车)没有显示在页面的任何地方。 – 2011-12-22 06:43:28

+1

[他们不必最后一次](http://jsfiddle.net/pKssZ/)。 – alex 2011-12-22 06:50:31

0

请勿在body元素中设置任何背景图像。而是添加一个div元素,其中包含所有内容并设置背景图像以及此位置的div