0

私は6つの異なる画像が一列に並んだスプライト画像を使用しています。各写真は75x75です。画像をロードすると、中央に「画像が見つかりません」アイコンが表示されます。2つの画像のコードは次のとおりです。

CSS 

img.freebo {
   width: 75px; height: 75px;
   background: #fff url('../images/teacher-sprite.jpg') 0 0;
   display:block; float: left; margin: 5px;vertical-align:middle;}
img.randall {
   width: 75px; height: 75px;
   background: #fff url('../images/teacher-sprite.jpg') -75px 0;
   display:block; float: left; margin: 5px;vertical-align:middle;}

HTML 

<img class="freebo" src="teacher-sprite.jpg">
<img class="randall" src="teacher-sprite.jpg">

それを修正する方法はありますか？ありがとう

4

2 に答える 2

1 
../images/teacher-sprite.jpg'

このパスはブラウザに言う：このパスを読んでいる（css？）ファイルを含むフォルダーを含む同じインターネットパス#something/images/teacher-sprite.jpgである画像のサーバーに要求を送信する#something#something

とにかく:タグにbackground-image属性がある場合、imgなぜ属性を使用しているのsrcですか?

于 2013-06-17T12:45:59.857 に答える