| 设置它们各自的高度和宽度，再将文字移除出页面。
然后，我们设置每一月（12种可能），每一天（31种可能）和每一年（设置了10年）使用背景图片的不同位置。
01 |
.postdate {position: relative;width: 50px;height: 50px;float: left;} |
02 |
.month, .day, .year {position: absolute;text-indent: -1000em;background-image: url(/wp-content/themes/ljq/images/dates.png);background-repeat: no-repeat;} |
03 |
.month { top: 2px; left: 0; width: 32px; height: 24px;} |
04 |
.day { top: 25px; left: 0; width: 32px; height: 25px;} |
05 |
.year { bottom: 0; right: 0; width: 17px; height: 48px;} |
06 |
.m-01 { background-position: 0 4px;} |
07 |
.m-02 { background-position: 0 -28px;} |
08 |
.m-03 { background-position: 0 -57px;} |
09 |
... more like this ... |
10 |
.d-01 { background-position: -50px 0;} |
11 |
.d-02 { background-position: -50px -31px;} |
12 |
.d-03 { background-position: -50px -62px;} |
13 |
... more like this ... |
14 |
.y-2006 { background-position: -150px 0;} |
15 |
.y-2007 { background-position: -150px -50px;} |
16 |
.y-2008 { background-position: -150px -100px;} |
17 |
... more like this ... |
|
