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'

此路径对浏览器说：向服务器发送图像请求，#something/images/teacher-sprite.jpg其中包含包含我正在读取此路径的（css？）文件的文件夹#something的相同Internet 路径#something

无论如何：如果标签中有background-image属性，img为什么要使用src属性？

于 2013-06-17T12:45:59.857 回答
0

而不是这个：

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

把它变成：

<div class="freebo"></div>

是的，请确保您拥有正确的完整路径

于 2013-06-17T13:13:36.393 回答