html - CSS3 - 宽度 :100% - Height:Auto - Background-image?

Question

我的问题很简单...我想要一个背景图像，我的 Logo 位于中间。

示例:Example website

我觉得做起来没那么难，但我好像做不出来...

我希望背景图像(始终)填满整个宽度，并且我希望高度按比例调整。 (响应式)就像示例中一样。

出于某种原因，我的代码没有这样做。

• 检查my site

有人能帮帮我吗？我如何将图像作为背景填充整个宽度和自动高度，并将我的 Logo 放在图像顶部。

问候，迈克尔

Answer 1

像这样为 body 分配背景:

 body{
        background-image: url('../img/yourimagefilename.jpg');
        background-position: top center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #343433;
        height: 100%;
    }