为什么只有在将属性显示分配给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来确定大小并保持内联。