我正在制作一个用于 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>
该框确实像我想要的那样出现在右上角,但齿轮图像没有出现。我已经在 stackoverflow 和其他网站上搜索了答案,但到目前为止我还没有找到任何答案。
有谁知道我的代码有什么问题?
非常感谢!