CSS 스플라인 방법 및질문

CSS 스플라인에 사용할 이미지를 준비합니다.

샘플 보기

<style>
a.sprite {
        line-height:45px;
        display:block;
        background:url(default.png) no-repeat top left;
}
a.sprite:hover {
        background-position: bottom left;
}
a.ok {
        text-decoration:none;
}
</style>

<p>画像が表示されない例</p>
  <a href="#" class="sprite sample1"></a>

<p>画像が表示されるが、画像に_が入る</p>
  <a href="#" class="sprite sample2">&nbsp;</a>

<p>期待どおりに表示</p>
  <a href="#" class="sprite sample3 ok">&nbsp;</a>