大和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%
,并且它应该填充整个窗口宽度而不会产生水平滚动条。
我想这样做,但后来如果你把#wrap'后'您的页脚内容区域并没有扩张时移动页脚下来.. – Adnaves 2013-03-14 21:45:18
,它应该得到下移的内容获得高。 – zakangelle 2013-03-14 21:46:43
对于'#footer2',您需要删除'margin-top'和'left'属性,然后将'width'改为'100%'。 – zakangelle 2013-03-14 21:52:22