我正在建立一个网站,我在后台位置属性方面遇到了麻烦。这是我的css代码:
体
{
background-color: Black;
background-image: url(images/background_ui.png);
background-repeat: no-repeat;
background-position: top,center;
background-attachment: scroll;
}
正如你所看到的那样,它是顶级的,中心。它在铬合金中没问题,但在8中,背景不会水平居中。顺便问一下,你知道编写浏览器指定的css代码的标签吗? 感谢。
答案 0 :(得分:3)
我认为逗号不正确..它应该是:background position: top center
。一般来说,像background-position
或background
这样的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位置来避免跨浏览器的意外。