身体背景位置:中心不起作用i。探险者

时间:2011-10-25 14:25:28

标签: html css browser

我正在建立一个网站,我在后台位置属性方面遇到了麻烦。这是我的css代码:

{

background-color: Black;

background-image: url(images/background_ui.png);

background-repeat: no-repeat;

background-position: top,center;

background-attachment: scroll;

}

正如你所看到的那样,它是顶级的,中心。它在铬合金中没问题,但在8中,背景不会水平居中。顺便问一下,你知道编写浏览器指定的css代码的标签吗? 感谢。

2 个答案:

答案 0 :(得分:3)

我认为逗号不正确..它应该是:background position: top center。一般来说,像background-positionbackground这样的CSS复合规则没有用逗号分隔它们的值。相反,它们与一个或多个空格分开。例如,上面的CSS可能会变成这样:

background: black url(images/background_ui.png) no-repeat scroll top center;

答案 1 :(得分:0)

您的语法可能不对。

该位置应该是顶部或中心。事实上它适用于Chrome而不是IE,因为默认情况下,chromse似乎以它为中心。

我认为这可能会对您有所帮助:

{
background-position-x: 50%; 
background-position-y: 0%; 
}
编辑:Ioannis Karadimas也是对的。丢失逗号将为您提供所需的效果。虽然我仍然使用xy位置来避免跨浏览器的意外。