css - プロパティ display を CSS 宣言に割り当てた場合にのみスプライト画像が表示されるのはなぜですか?

Question

次のコードがあります

a.rollover {
        background-image: url('sprite.jpg');
        display: block;
        width: 191px;
        height: 143px;
    }

ただし、プロパティを含めてにdisplay設定した場合にのみ表示されblockます。外すと表示されなくなりました。何故ですか？

Answer 1

<a>はdisplay:inlineデフォルトであり、幅/高さはインライン要素には適用されません。display:inline-blockサイズ変更を許可し、インラインのままにするために使用できます。