大背景图像会导致滚动条

时间:2013-03-14 21:26:55

标签: html css scrollbar background-image

我正在为一个网站实习,我正在尝试将图像添加到我们正在制作的网站的页脚中。

但我的页脚在我的主包装内,宽度为960px; 我不想把图像填满整个页面。

到目前为止我的解决方案是将宽度设置为我的图像的完整大小,并使位置相对并将其定位在-550px左侧。

像:

#footer2{ background-image:url('my/image/path'); 
background-repeat:no-repeat; background-position:center bottom; height:380px; width:1979px;
left:-550px; margin-top:-200px; z-index:-1; position:relative;

然后取决于你所使用的计算机和分辨率。滚动条添加到页面底部,因为图像对于屏幕来说很大。

这种废墟是网站的流程。

你们中是否有人有解决方法如何删除滚动条? 或另一个关于如何做到这一点的方法?

我希望你能帮助我!

1 个答案:

答案 0 :(得分:0)

我建议将您的页脚从#wrap容器中拉出来,这样它就不会受到包装器宽度的限制。否则,你将不得不做一些棘手的定位,而且很可能不是你最好的选择。

如果它位于#wrap之外,您可以移除所有的位置样式,只需将其width: 100%赋予它,它应该填满窗口的整个宽度,而不会产生水平滚动条。< / p>