css - 在全日历中使用图像作为标题图标

Question

我正在使用 Adam Shaw 的 fullcalendar jquery 插件并且它工作得非常好，在与图形设计师交谈后他希望使用图像而不是 fullcalendar 的上一个、下一个、今天和三个 View 图标(月、周、日)。

使用 Firebug ，我已经隔离了“prev”图标，例如，正在使用 span 类

fc-button-prev

但是，当我转到 css 并创建应用背景图像的类时:

.fc-button-prev {
   background-image: url('../images/prev.png');
}

没有任何反应。

任何想法将不胜感激

Answer 1

可能你必须像这样在你的类中定义display:block:

.fc-button-prev {
   background-image: url('../images/prev.png');
display:block;
width:50px;
height:50px;
}

因为span 是一个内联元素。所以，inline element 没有带width，height，vertical margin & padding在里面。