css ie6发芽图像未显示使用内嵌块

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; 
}