jquery - 如何将背景图像 div 居中？

Question

我正在看http://www.hideoutfestival.com/

当您调整屏幕大小时，标题背景图像将持续居中。

我似乎无法复制这种效果。

我有:

<div id="cover" style="background:url(/design/cover.jpg) repeat-x top">
</div>

还有

#cover {
    height:450px;
    width:100%;
background-position: center;
}

但我似乎无法达到他们那样的效果。

有什么帮助吗？

问候， 汤姆

Answer 1

内联 CSS 会覆盖外部 CSS。 CSS 中设置的任何背景属性都会被您的内联规则覆盖。

更改它以使背景定位为内联:

background:url(/design/cover.jpg) repeat-x center center;

或者更改它，以便仅在元素上定义图像:

background-image:url(/design/cover.jpg);

或者将其移动到您的样式表(您确实应该这样做)。