css ie6 sprities图像未使用内联块显示

Question

当我对ie6使用内联块时，

图像没有显示。

.img {
    width: 16px;
    height: 16px;
    background-image:url(../sprites-8.png);
    background-repeat:no-repeat;
    background-position:0 0;
    text-indent:-7000px;
    overflow:hidden;
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
}

Answer 1

text-indent:-7000px;就是问题所在。

有关详细信息，请参阅此类似的问题：Background CSS image no showing in IE7 only

Answer 2

将*display: inline放在单独的定义块中。

.img {
    width: 16px;
    height: 16px;
    background-image:url(../sprites-8.png);
    background-repeat:no-repeat;
    background-position:0 0;
    text-indent:-7000px;
    overflow:hidden;
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
}
.img {
    *display: inline;
}