html - Css 背景图像未出现

Question

我正在为 MLA 引文制作网页。在右上角，我想要一个带有齿轮的小盒子来配置设置。

这是CSS:

#setings{
  display:block;
  height:50px;
  width:50px;
  background:#E1E1E1 url('gear.png') no-repeat fixed center;
  background-size:45px 45px;
  border: 2px solid #AEAEAE;
  border-radius:5px;
  position:absolute;
  top: 5px;
  right: 20px;  
}

这是(非常简单的)html:

<div id="setings"></div>

框确实出现在右上角，但齿轮 image没有出现。我已经在 stackoverflow 和其他网站上搜索了答案，但到目前为止我没有找到任何答案。

有人知道我的代码有什么问题吗？

非常感谢!

Answer 1

从“背景:”行中删除“固定”。