0

MLA引用のWebページに取り組んでいます。右上隅に、設定を構成するための歯車が付いた小さなボックスが欲しいです。

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や他のウェブサイトで答えを探しましたが、これまでのところ何も見つかりませんでした.

コードの何が問題なのか誰か知っていますか?

どうもありがとう！

4

1 に答える 1

1

「background:」行から「fixed」を削除します。

于 2013-10-15T22:34:50.123 に答える