css - CSSの背景画像が表示されない

Question

<a>空の要素を使用して画像を表示するためにCSSを使用することについて混乱しています。

<a class="header" href="#"></a>

次のCSSで指定されているようにクリック可能な領域を作成します。

.header { width: 50px; height 50px; background-image:url('images/picture.png') }

ただし、画像は表示されません。私も含める場合：

.header:hover { background-image:url('images/picture.png'); }

その後、画像が表示されます。私の目的は、CSSを使用してこの画像から画像への置換方法を採用することですが、基本をまだ理解していないようです。

score 0 · Accepted Answer

あなたのcssで正しい軌道に乗っています。アンカータグが高さを取得できるようにするには、display:block を追加する必要があります。

.header { width: 50px;
          height 50px; 
          background:url('images/picture.png'); 
          display:block;
}

1 に答える 1