大和backgroundImage导致滚动条

大和backgroundImage导致滚动条

问题描述:

我实习了webbureau,我试图将图像添加到我们正在做一个网站的页脚。大和backgroundImage导致滚动条

但我的页脚是我的主要的包装器,其具有960像素的宽度的内侧; 我不想让图像填满整个页面。

我的解决方案至今一直以宽度设置为我的形象的全尺寸,使相对位置并定位其-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; 

但后来取决于你是哪台计算机上,而且分辨率。一个滚动条被添加到页面的底部,因为图像对于他们的屏幕来说很大。

而这种破坏网站的流量。

请问你的任何一个有关于如何去除滚动条的解决方案? 或另一种方法如何做到这一点?

我希望你能帮助我!

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

如果它位于#wrap之外,则可以删除所有位置样式并将其简单地给出width: 100%,并且它应该填充整个窗口宽度而不会产生水平滚动条。

+0

我想这样做,但后来如果你把#wrap'后'您的页脚内容区域并没有扩张时移动页脚下来.. – Adnaves 2013-03-14 21:45:18

+0

,它应该得到下移的内容获得高。 – zakangelle 2013-03-14 21:46:43

+0

对于'#footer2',您需要删除'margin-top'和'left'属性,然后将'width'改为'100%'。 – zakangelle 2013-03-14 21:52:22