Firefox图像精灵显示替代文字

Question

在Web应用程序中，我正在使用具有替代文字的图像精灵。但在Firefox中，只有实际的alt-text将图像叠加在屏幕上。

<img width="36" height="36" class="step1Current" title="Step 1" alt="Quote step one image"> 

它的类是：

.step1Current{ 
    background: url(../images/progress-sprites.png) no-repeat; 
    background-position: 0px 0px ; 
    width: 36px; 
    height: 36px; 
} 

所以图像与文本 '引用一步一个形象' 叠加。

Answer 1

您不应该在img标记上使用背景。

如果你没有指定src=""天知道会发生什么，应该显示alt。

内嵌精灵：http://css-tricks.com/css-sprites-with-inline-images/

现场演示：http://css-tricks.com/examples/CSSClip/

的关键是clip属性，它一路下跌工程IE6。