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