如何将背景图像放在装满屏幕的容器后面

时间:2016-05-19 17:15:08

标签: html css background

我刚刚开始我的帐户,我为我的第一个学校项目创建了一个简单的网站(不是在学校,但这是我出于某种原因需要做的事情)。

所以我把这个网站全部装在900px宽的容器中。 一切正常,但现在我在屏幕的左侧,右侧和底部都有丑陋的白色空间。 我想用背景图片填充它们。

到目前为止,我所做的是通过css文档将图像放在那里,它看起来像这样:

font-family: Arial, Helvetica, Verdana, Sans-serif;
background: url(images/bos.jpg);
background-repeat:no-repeat;
background-size:cover;

不幸的是,它现在显示了背景,填充了页面。然后把我的容器放在它下面,然后在那里添加另一张背景图片?

我制作了一个可能会澄清某些内容的截图。 (不要介意丑陋的横幅图片等,这就是练习,背景是让它们一起看起来很漂亮的开始)

http://i.imgur.com/Pqm8q0N.jpg

我认为它与静态或绝对的位置有关。

感谢阅读! 希望很快看到回复;)

干杯 -Jorrick

0 个答案:

没有答案