css - 如何在放大时忽略图像大小调整？

Question

放大网站时如何忽略调整图像大小，就像在这个网站上一样:http://antares.pcadviser.ro/

我的网站:http://vizz.tv/

我现在正在使用它，但在滚动时图像会调整大小:

#headerImage {
    height: 750px; 
    width: 100%;
    background: url(2.jpg) no-repeat;
    background-repeat: no-repeat;
    background-size: auto auto;
    margin-top: -50px;
}

如果有人能帮我解决这个问题，我将不胜感激。

Answer 1

尝试

#headerImage {
background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

来自 css tricks . There's a demo too