12

画像を使用してアンカータグをボタンのように見せていますが、ブラウザには何も表示されません。

これはこれまでの私のコードです...

HTML

<span>
    <a id="knapNyhed" href="file:///E:/Projekt_skolespil/hjemmeside/index.html"></a>
</span>

CSS

.knapNyhed{
    background-image: pic/knap_nyhed_layout_00.png;
    width:226px;
    heigth: 50px;
    margin: 0 2px 0 2px;
}

ボタンが表示されない理由を教えてください。

4

3 に答える 3

14

display:blockまたはdisplay:inline-blockを追加する必要があります。aタグはデフォルトで に設定されており、インライン要素には、またはdisplay:inlineを含めることはできません。widthheightmargin

背景画像を機能させるには、追加する必要がありますurl。この URL は、css ファイルに対して相対的であることに注意してください。

#knapNyhed {
  display:block;
  background-image: url(pic/knap_nyhed_layout_00.png);
  width:226px;
  heigth: 50px;
  margin: 0 2px 0 2px;
}
于 2013-06-18T14:01:29.723 に答える