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允许调整大小并仍然保持内联。