全部背景使用:封面;添加水平滚动

时间:2012-12-16 04:51:39

标签: html css background-image frontend

我正在开发一个需要带有完整背景图片和标题的标题的网站。 650高度。 目前我正在使用background-size:cover;宽度为100%的物业。

然而,它正在工作,它在右侧留下了约50px的尴尬水平卷轴。在较小的分辨率中哪个更突出。

我尝试将背景应用于body而不是header div。但同样的事情也发生在那里。

你可以在这里看到预览 - http://nitingarg.com/projects/tfe/

2 个答案:

答案 0 :(得分:1)

它实际上是页脚上的填充导致滚动。这是100%,填充40px。这就是整页宽度+ 40px。删除填充或使其“填充:20px 0px;”你应该好好去。

答案 1 :(得分:0)

我检查了你的网页源代码,缩放100%它右侧有大约50px的水平滚动但是当你增加水平缩放时会增加更多&更多。

尝试下面的CSS,因为我为自己的网站解决了同样的问题

.header {
    min-width:980px; 
    height:auto;
    margin:0 auto;
}
.container {
    width:100%; 
    height:650px;
    margin:0 auto;
}
祝你好运:)