CSS网格背景图片完整尺寸

时间:2017-10-26 18:33:36

标签: html css

您好,如何让half1 / half2背景图像从bootstrap导航栏的末尾开始,并在页面底部结束,在任何分辨率上都没有可用的侧滚动条。 我尝试了不同的方法,比如使主体和html 100%高度并使用内容和导航栏%或使用vh度量单位,我无法弄清楚问题是什么,谢谢。

Github: https://github.com/cotrutatiberiu/WW2
Site: https://cotrutatiberiu.github.io/WW2/nations/nations/us.html
Html path: WW2/nations/nations/us.html
Css path: WW2/css/nationscss/us.css

PS:网格可能会被破坏,我正在学习它

1 个答案:

答案 0 :(得分:0)

它有点难,因为你的布局不支持它。但是如果你拍摄这两张照片并使用一些照片编辑器(photoshop或其他东西)将它们合并到一张图片中,它就会有所帮助。您将在body background-image上使用新图片并使用background-size: cover;。请注意,其他元素必须具有透明background