背景图像不会延伸到浏览器
问题描述:
HTML的全宽背景图像不会延伸到浏览器
<div class="bg">
// some code and text nothing crazy
</div>
CSS
.bg {
background-image: url("color.jpg");
background-position: top;
margin-top: -75px;
}
我让我的背景图像和边缘之间两侧白边浏览器。只是试图让我的背景图像伸展到边缘......在这一点上,我试了很多组合... 背景位置,只是章位置:相对/固定等似乎没有工作。我也试过最大宽度,似乎没有帮助。感觉我失去了明显的东西?
答
尝试删除填充和保证金,你的身体:
html, body {
margin:0;
padding:0;
}
+0
啊,这是一个伟大的想法,我def还没有想到,但不幸的是,它没有奏效。也许因为我使用的是div类,它不能完成,我需要通过body,html来调用它。 –
+0
ahhhhh我的自举导航栏中有一个容器流体导致问题,尽管我相信0 margin/padding会修复它。从我的noob错误大家学习! :) –
答
AHHHHH我有一个容器,液体在我的引导导航栏导致了问题,但我相信,0保证金/填充会固定它。从我的noob错误大家学习! :)
你是否从'body'删除了边距? –
如果可能,请添加屏幕截图,并检查是否重置了浏览器。 – CodeRomeos
您是否尝试过'background-size:100%'? –