爲什麼只有在將屬性顯示分配給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來確定大小並保持內聯。