0

Web アプリケーションで、代替テキストを持つ画像スプライトを使用しています。しかし、Firefox では、実際の代替テキストのみが画面上の画像にオーバーレイされます。

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

そのため、画像は「Quote step one image」というテキストでオーバーレイされます。

4

1 に答える 1

3

タグに背景を使用しないでくださいimg

src=""神が何が起こるかを知っていると指定しない場合、altが表示されます。

インライン スプライト: http://css-tricks.com/css-sprites-with-inline-images/

ライブデモ: http://css-tricks.com/examples/CSSClip/

重要なのは、clipIE6 までずっと機能するプロパティです。

于 2012-12-12T09:46:19.853 に答える