2015-10-06 49 views
0

HTML的全宽背景图像不会延伸到浏览器

 <div class="bg"> 
     // some code and text nothing crazy 
     </div> 

CSS

.bg { 
    background-image: url("color.jpg"); 
    background-position: top; 
    margin-top: -75px; 
    } 

我让我的背景图像和边缘之间两侧白边浏览器。只是试图让我的背景图像伸展到边缘......在这一点上,我试了很多组合... 背景位置,只是章位置:相对/固定等似乎没有工作。我也试过最大宽度,似乎没有帮助。感觉我失去了明显的东西?

+0

你是否从'body'删除了边距? –

+0

如果可能,请添加屏幕截图,并检查是否重置了浏览器。 – CodeRomeos

+0

您是否尝试过'background-size:100%'? –

回答

0

尝试删除填充和保证金,你的身体:

html, body { 
    margin:0; 
    padding:0; 
} 
+0

啊,这是一个伟大的想法,我def还没有想到,但不幸的是,它没有奏效。也许因为我使用的是div类,它不能完成,我需要通过body,html来调用它。 –

+0

ahhhhh我的自举导航栏中有一个容器流体导致问题,尽管我相信0 margin/padding会修复它。从我的noob错误大家学习! :) –

0

AHHHHH我有一个容器,液体在我的引导导航栏导致了问题,但我相信,0保证金/填充会固定它。从我的noob错误大家学习! :)