Firefox图像精灵显示alt文本

Question

在Web应用程序中，我正在使用具有alt文本的图像精灵。但在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。