html - 应用 css 背景附件时遇到问题

Question

下面是我申请的一段css来带来这个背景：

#banner{
  background: #242a33 url(../images/sliderbg.jpg) no-repeat 50% 50%;
  background-size: cover;
  background-position:center;
  background-attachment: fixed;
}

我在其他部分使用相同的 css 代码，它工作正常。我不知道这里有什么问题。背景图像尺寸为 1600px * 400px。

Answer 1

切换background-size: cover;到background-size: contain;。您可能需要修改background-position并将其设置background-position: top;为获得所需的效果。

Answer 2

#Banner {
  background-size: 100% 100%;
  background-attachment: fixed;
  background-position: center;
  background: url('PathToImage');
  display: table;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 600px;
}