css：如果分辨率低于1024 x 786，则在网站上的主背景图像的底部和右侧获得空白区域

Question

我正在开发一个新的工作网站，我对css很新。我创建了以下网站：

http://hewdenportal.co.uk/

问题是，当用户将其窗口大小调整为1024 x 768以下时，我在主背景图像的底部和右侧会出现一个空白空白，我不想在那里，因为背景应该是设置为100％宽度和高度。

有人可以告诉我哪里出错了吗？

我的CSS背景图片：

header .layer {
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.8);
}

Answer 1

将<header style="background-image: url('assets/images/header.png');更改为<header id="background">

并添加以下属性：

#background {
    width: 100%;
    height: 100%;
    background-image: url('http://www.hewdenportal.co.uk/assets/images/header.png');
    background-size: cover;
    position: fixed;
}